javascript – HTML5视频搜索[更新]

如何让我的视频播放器跳过/寻找一段时间.我已经去了这个,它的作品,当页面首先加载(在Chrome),但不是在任何其他浏览器.我也有一个Flash的回退可能是一个痛苦,但现在的优先事项是 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>

具有带有类的按钮和“60秒”的自定义属性s = 60的上下文等.

解决方法

seekToTime:function( value )
{
    var seekToTime = this.videoPlayer.currentTime + value;
    if( seekToTime < 0 || seekToTime > this.videoPlayer.duration ) 
        return;

    this.videoPlayer.currentTime = seekToTime;
}

这是我们正在使用的搜索功能.它是在MooTools语法,但你会得到点.希望它有帮助.

javascript – HTML5视频搜索[更新]

解决方法

猜你在找的JavaScript相关文章