0

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

<!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>
4

1 回答 1

0

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

所以安装脚本会变成:

<script>  
    window.onload = function(){
       _V_("example_video_1").ready(function(){ 
          myPlayer = this; 
       });
   };
</script>
于 2013-04-09T17:12:56.200 回答