寻求html5视频中的一点

时间:2012-05-05 12:04:13

标签: html5-video seek

是否可以搜索网页中显示的html5 video中的特定点?我的意思是,我可以输入一个特定的时间值(比如说01:20:30:045)并让玩家控制(滑块)移动到那一点并从那一点开始玩吗?

在早期版本的mozilla中vlcplugin我认为这可以通过seek(seconds,is_relative)方法实现。但我想知道这是否可以在html视频中使用。

修改

我创建了带有视频的页面并添加了如下所示的javascript。当我点击链接时,它会显示点击的时间..但它不会增加播放位置..但继续正常播放。

视频播放位置是否应该更改?

HTML

<video id="vid" width="640" height="360" controls>
       <source src="/myvid/test.mp4" type="video/mp4" /> 
</video>
<a id="gettime" href="#">time</a>
<p>
you clicked at:<span id="showtime"> </span> 
</p>

的javascript

$(document).ready(function(){
    var player = $('#vid').get(0);
    $('#gettime').click(function(){
            if(player){
                current_time=player.currentTime;
                $('#showtime').html(current_time+" seconds");
                player.currentTime=current_time+10;
            }
        });
}
);

2 个答案:

答案 0 :(得分:45)

您可以使用v.currentTime = seconds;寻找指定的位置。

参考:https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime

答案 1 :(得分:3)

不幸的是,它似乎与某些电影元素的行为不同于其他元素。例如,使用亚马逊video_element,你似乎必须先调用暂停才能在任何地方寻找,然后再打电话。但是,如果您在设置 public static void ShutDown(bool Forced) { Ping Tcp = new Ping(); Byte[] buffer = new Byte[0]; Tcp.Send("www.microsoft.com", 12000, buffer); Environment.Exit(1); } 后调用“太快”,那么它就不会坚持。奇

这是我目前的工作:

currentTime