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引用（＆＃39; wistia_8＆＃39;）是正确的，它们是指Wistia嵌入代码在页面上自动生成的代码。

Answer 1

尝试使用与W3Schools网站相同的方法，而不是连接按钮而是使用mouseover mouseout事件！

Here

希望这有帮助！

Mouseover和Mouseout javascript无法在Firefox中运行

1 个答案: