Mouseover和Mouseout JavaScript無法在Firefox中使用

Question

我已經寫了一些基本的Javascript代碼來處理我網站上的視頻。 基本上，我已經嵌入了視頻內容，在視頻上放置了一個透明且可單擊的div，將鼠標懸停在其上將在其后面播放視頻，然后在移開鼠標時暫停。 它可以在Chrome和Safari上完美運行（未經測試的IE，我在Mac上可以運行），但在Firefox上則完全不能運行，視頻無法播放。 我搜索過這里和其他地方的原因，但是卻找不到任何東西。 我只是在最近幾周才開始使用Javascript，所以如果我錯過了明顯的事情，我不會感到驚訝！

<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嵌入代碼在頁面上自動生成的代碼。

Answer 1

嘗試使用與W3Schools站點相同的方法，但不要掛斷按鈕，而要使用mouseover mouseout事件！

這里

希望這可以幫助！