Flowplayer добавляет шаги к видео - PullRequest
Новая
       41

Flowplayer добавляет шаги к видео

1 голос
/ 11 марта 2011

Привет, ребята, как я могу добавить шаги к видео с некоторым HTML, например:

Шаг 1 -> 00:00 |Шаг 2 -> 03:01 |Шаг 3 -> 05: 33.

Есть ли что-то, что Flowplayer предлагает для этого?

Спасибо.

Ответы [ 2 ]

1 голос
/ 13 марта 2011

Да, вы можете сделать это через JavaScript API Flowplayer . Вот пример .

По сути, вы просто вызываете метод seek на плеере. 

$f("player").seek(55 /* seconds */);
0 голосов
/ 11 марта 2011

Попробуйте этот действительно простой пример для игры.Работает в Chrome и Firefox.Я просто использую обычный html 5 и javascript и кнопку (которая отображается довольно маленьким образом), и я использовал много информации от здесь .Надеюсь это поможет. </p> <pre><code> function changeTheChapter() { var currentChapter = parseFloat(document.getElementById("currentChapter").value); var videoPlayer = document.getElementById("tehplayer"); var positon = []; positon[0] = 0; positon[1] = 30; positon[2] = 60; videoPlayer.currentTime = positon[currentChapter]; document.getElementById("currentChapter").value = parseFloat(currentChapter+1); //videoPlayer.currentTime = position[currentChapter]; } </script> </head> <body> Video For Everybody Generator MP4 Video Ogg Video WebM Video Poster Image Fallback Title Width Height Autoplay XML Formatting Embed as HTML5+Flash HTML5 Flash Poster Flash Player Preview Big Buck Bunny Download video: MP4 format | Ogg format | WebM format Source Code <!-- "Video For Everybody" v0.4.2 by Kroc Camen of Camen Design --> <video id="tehplayer" controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360"> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" /> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" /> <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" /> <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" /> </video> <input type="hidden" id="currentChapter" value="0" /> <p> <strong>Download video:</strong> <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">MP4 format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Ogg format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">WebM format</a> </p> <button id="chapterChange" value="Go To Next" onclick ="changeTheChapter();"/> </body>

...