2013-04-09 2 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 вам нужно немного больше информации о том, где вы пытаетесь запустить ваш код. –

ответ

0

Настройка видео должна происходить после загрузки документа. Таким образом, вы должны включить его в функцию «onload». Если вы используете jQuery, вы можете поместить его внутри $(document).ready(). В противном случае вы можете использовать window.onload. Также вам нужно удалить ключевое слово «var», так как внутри функции создается локальная переменная, доступ к которой вы не можете получить извне.

Так сценарий установки станет:

<script> 
    window.onload = function(){ 
     _V_("example_video_1").ready(function(){ 
      myPlayer = this; 
     }); 
    }; 
</script> 
Смежные вопросы