Перейти к метке времени во встроенном HTML5-видео с video-js - PullRequest
Новая
       10

Перейти к метке времени во встроенном HTML5-видео с video-js

8 голосов
/ 03 июня 2011

Переполнение приветствия,

Я пытаюсь создать на веб-странице кнопки, которые переходят к меткам времени для встроенного видео с video-js.Насколько я могу понять, мне нужно изменить значение currentTime, чтобы видео переместилось на правильную временную метку, однако я не могу заставить это работать даже при установке currentTime в начальном вызове javascript.

Например, если я хотел запустить 200 секунд видео:

javascript: 

    VideoJS.setupAllWhenReady();
    VideoJS.DOMReady(function(){
    var myPlayer = VideoJS.setup("current_video");
    myPlayer.play();
    myPlayer.currentTime(200);
    });

HTML Snip: 

<video id="current_video" class="video-js" width="400" height="300" controls="controls" preload="auto" poster="./videoposter.png">
<source src="./videosource.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>

Опять же, видео воспроизводится правильно, используяпроигрыватель video-js, только смещение currentTime, кажется, не применяется, и видео начинается с самого начала.Я проверил это в Chrome, Safari, IE, и все они, кажется, делают то же самое, поэтому я не думаю, что проблема связана с браузером.Должно быть, я что-то не так делаю ...

Спасибо за помощь!

Ответы [ 2 ]

3 голосов
/ 03 июня 2011

Удалите «VideoJS.setupAllWhenReady ();» и это должно работать. Вот что у меня есть: 

<!DOCTYPE html>
<html>
 <head>
  <title>Sample styled page</title>
  <script src="video-js/video.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="video-js/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
 </head>
 <body>
  <h1>Sample styled page</h1>
  <p>This page is just a demo.</p>
  <video id="current_video" class="video-js" width="400" height="300" controls="controls" preload="auto">
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  </video>
  <script>
    //VideoJS.setupAllWhenReady();
    VideoJS.DOMReady(function() {
        var myPlayer = VideoJS.setup("current_video");
        myPlayer.play();
        myPlayer.currentTime(200);
    });

  </script>
 </body>
</html>
2 голосов
/ 08 июня 2012 
 $(function(){
 var myPlayer = _V_("my_video_1");
     _V_("my_video_1").ready(function(){ 

     myPlayer.src([
      { type: "video/mp4", src: "http://video-js.zencoder.com/oceans-clip.mp4" },
      { type: "video/webm", src: "http://video-js.zencoder.com/oceans-clip.webm" }
    ]);  

    });
  });

  $(window).load(function(){
  var myPlayer = _V_("my_video_1");

 myPlayer.currentTime(30); 
 myPlayer.play()
  });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...