Mouseover和Mouseout javascript在Firefox中不工作

我寫了一些基本的Javascript代碼來處理我網站上的視頻。基本上我已經嵌入了視頻內容，在視頻上放置了一個透明且可點擊的div，當它懸停時播放視頻，然後在鼠標移開時暫停。它完美地運行在Chrome和Safari（未經測試的IE，我在Mac上工作），但在Firefox上完全沒有，視頻不播放。我在這裏和其他地方搜索了一個爲什麼，但沒有找到任何東西的原因。我最近幾周纔開始使用Javascript，所以如果我錯過了一些明顯的東西，我不會感到驚訝！Mouseover和Mouseout javascript在Firefox中不工作

<div class="sectionWrapper"> 
<a href="http://weathereddown.co.uk"> 
<div id="sales-section" class="video-block" onmouseover="playVideo1()" onmouseout="playVideo1()"></div> 
</a> 

<div class="videoWrapper"> 
<div id="wistia_92lscndvjx" class="wistia_embed" style="width:900px;height:506px;">&nbsp;</div> 
</div> 

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script> 
<script> 
wistiaEmbed = Wistia.embed("92lscndvjx", { 
    videoFoam: true 
}); 
</script> 

<script type="text/javascript"> 
    var open = false; 
    function playVideo1() { 
     open = !open 
     if (open == true) { 
       document.getElementById('wistia_8').play(); 
     } 
     else { 
       document.getElementById('wistia_8').pause(); 
     } 
    } 
</script> 
</div>

Id的參考值（「wistia_8」）是正確的，它們指由Wistia嵌入代碼的頁面上自動生成的代碼。

來源

2014-10-27 Tom

事件是否觸發？控制檯中有任何錯誤？ – epascarello 2014-10-27 15:43:57

嘗試使用與W3Schools網站相同的方法，而不是使用鼠標懸停鼠標事件來代替按鈕！

Here

希望這有助於！

來源

2014-10-27 16:03:42

Mouseover和Mouseout javascript在Firefox中不工作

回答

相關問題