2013-04-09 242 views
0

我希望你能帮助我。我有一个Play和其他暂停按钮,但不工作。 谢谢。这是我的代码示例:使用播放和暂停视频

<!DOCTYPE html> 
<html> 
<head> 
    <title>Video.js | HTML5 Video Player</title> 
    <link href="http://vjs.zencdn.net/3.2/video-js.css" rel="stylesheet" type="text/css"> 
    <script src="http://vjs.zencdn.net/3.2/video.js"></script> 
    <script> 
     _V_.options.flash.swf = "video-js.swf"; 
    </script> 
    <script>  
     _V_("example_video_1").ready(function(){ 
      var myPlayer = this; 
     }); 
    </script> 
</head> 
<body> 
    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}"> 
     <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> 
     <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> 
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> 
    </video> 
    <input type="button" value="Pause" onClick="myPlayer.pause();"> 
    <input type="button" value="Play" onClick="myPlayer.play();"> 
</body> 
</html> 
+0

请看看http://stackoverflow.com/faq您需要了解你在哪里试图运行你的代码多一点信息。 – 2013-04-09 17:14:42

回答

0

视频设置必须在文档加载后发生。所以,你必须将它包含在“onload”函数中。如果你使用jQuery,你可以把它放在$(document).ready()之内。否则,您可以使用window.onload。此外,您必须删除“var”关键字,因为在函数内部会创建一个局部变量,您无法从外部访问该变量。

因此,安装脚本将成为:

<script> 
    window.onload = function(){ 
     _V_("example_video_1").ready(function(){ 
      myPlayer = this; 
     }); 
    }; 
</script>