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, но вместо того, чтобы подключаться к кнопкам, используйте мыши вместо мыши!

Here

Надеется, что это помогает!