這是我的代碼，我正在嘗試制作，所以當我將滑鼠懸停在影像上時它會播放視頻，而當你將滑鼠懸停在它上面時它會停止視頻并回傳到原始影像。問題是當我懸停時，我無法再次重新懸停以再次播放視頻。我想知道如何做到這一點，以便我可以多次將滑鼠懸停在影像上以播放視頻。我的編碼如下：
<div class="thumb">
<video width="450" height="450" poster="assets/img/product/mac-flower.png" loop="true" preload="auto" onmouseover="this.play()" onmouseout="this.src='assets/img/product/mac-flower.png';">
<source src="assets/img/vid/mac-flower.MP4" type="video/mp4">
</video>
</div>
uj5u.com熱心網友回復：
您可以嘗試重新加載視頻 onm ouseout 事件，以便視頻再次顯示海報并重播 onm ouseover。
新代碼：
<div class="thumb">
<video width="450" height="450" poster="assets/img/product/mac-flower.png" loop="true" preload="auto" onmouseover="this.play()"onmouseout="this.load()">
<source src="assets/img/vid/mac-flower.MP4" type="video/mp4">
</video>
</div>
uj5u.com熱心網友回復：
請像這樣在滑鼠輸出上加載海報：
<div class="thumb">
<video width="450" height="450" poster="assets/img/product/mac-flower.png" loop="true" preload="auto" onmouseover="this.play()" onmouseout="this.load()">
<source src="assets/img/vid/mac-flower.MP4" type="video/mp4">
</video>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/467687.html
標籤：html 图片 视频 鼠标悬停 onmouseout