Question

我在网上有这个脚本。只要鼠标向右或向左移动，想法就是播放视频。它正在运行，但我无法在Chrome和Mozilla上正常运行。令人惊讶的是，它在Internet Explorer上运行良好......

你可以帮帮我吗？也许你有一个更好的主意......这就是：

<script type="text/javascript">

var mouseX;
  $(document).mousemove( function(e) {
        mouseX = e.pageX; 


        var timV = $("#bkvid").get(0).duration;
        var valV = (timV*mouseX/$(window).width());
        $("#bkvid").get(0).currentTime = valV;

  });
</script>

</head>

<div class="videos">
 <video width="640" height="540" id="bkvid">
    <source src="img/olasbn.mp4" type="video/mp4">
    <source src="img/olasbn.webm" type="video/webm">
    <source src="img/olasbn.ogg" type='video/ogg; codecs="theora, vorbis"'>
Your browser does not support the video tag.
</video> 
</div>

谢谢！

Answer 1

因为您将视频属性放在div而不是视频标记中。你应该有这样的东西：<video width="320" height="240" autoplay>

在mousemove上播放视频，但没有完全正常工作

1 个答案: