HTML5video搜索

如何让我的video播放器跳过/寻找到某个时间。 我已经开始使用此function,当页面首次加载(在Chrome中)但在其他任何浏览器中都没有时,它会起作用。 我也有一个闪回落,这可能是一个痛苦,但现在优先考虑事项的HTML方面主要问题是它不能在Chrome之外工作!

编辑:这现在适用于IE9,Chrome和Firefox。 但是,不是闪存后备!

以下是我到目前为止的尝试。

到目前为止我正在使用以下JS:

 $(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(); }); });  

哪个链接到以下内容:

  

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

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

这是我们正在使用的搜索function。 这是MooTools的语法,但你会明白这一点。 希望能帮助到你。

我猜你用js和css构建了自己的控件?! 好吧,因此你必须扩展你的swf,你可以从javascript调用你的搜索function。 外部接口是你的朋友:在actionscript / flash中:

  import flash.external.ExternalInterface; ExternalInterface.addCallback( "methodName", this, method ); function method() { trace("called from javascript"); } 

通过javascript调用此方法

 function callAS() { swf.methodName(); }