HTML5 поиск видео - PullRequest
       5

HTML5 поиск видео

14 голосов
/ 16 февраля 2012

Как я могу заставить свой видеоплеер пропустить / искать определенное время.Я попробовал это, и это работает, когда страница сначала загружается (в Chrome), но не в любом другом браузере.У меня также есть запасной вариант флэш-памяти, который может быть проблемой, но на данный момент приоритетом является сторона HTML. Главная проблема в том, что он не работает вне Chrome!

РЕДАКТИРОВАТЬ: теперь это работает в IE9, Chrome и Firefox.Тем не менее, не с резервной флэш-памятью!

Ниже приведена моя попытка.

Пока я использую следующий JS:

   <script language="javascript">
     $(function () {
     var v = $("#video").get(0);
         $('#play').click(function(){
                v.play();
         });

        $('.s').click(function(){
            alert("Clicked: "+$(this).html() +"- has time of -" + $(this).attr('s') );
            v.currentTime = $(this).attr('s'); v.play();
        });
     });
    </script>

Который связанследующее:

<video id="video" controls width="500">  
        <!-- if Firefox -->  
        <source src="video.ogg" type="video/ogg" />  
        <!-- if Safari/Chrome-->  
        <source src="video.mp4" type="video/mp4" />  
        <!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) -->  
        <object type="application/x-shockwave-flash" data="player.swf"
        width="854" height="504">
            <param name="allowfullscreen" value="true">
            <param name="allowscriptaccess" value="always">
            <param name="flashvars" value="file=video.mp4">
            <!--[if IE]><param name="movie" value="player.swf"><![endif]-->
            <p>Your browser can’t play HTML5 video.</p>
  </object>
    </video>

В контексте наличия кнопок с классом s и пользовательским атрибутом s=60 для "60 секунд" и т. д.

Ответы [ 2 ]

11 голосов
/ 16 февраля 2012
seekToTime:function( value )
{
    var seekToTime = this.videoPlayer.currentTime + value;
    if( seekToTime < 0 || seekToTime > this.videoPlayer.duration ) 
        return;

    this.videoPlayer.currentTime = seekToTime;
}

Это функция поиска, которую мы используем.Это в синтаксисе MooTools, но вы поймете.Надеюсь, это поможет.

1 голос
/ 16 февраля 2012

Полагаю, вы создали свои собственные элементы управления с помощью js и css ?!ну, поэтому вы должны расширить свой SWF, чтобы вы могли вызывать функцию поиска из JavaScript.внешний интерфейс - ваш друг: в Actionscript / Flash:

 import flash.external.ExternalInterface; 

 ExternalInterface.addCallback( "methodName", this, method ); 

 function method() { trace("called from javascript"); }

позвоните через javascript

function callAS() {
    swf.methodName();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...