html5视频 – 寻求html5视频中的一点

是否有可能在网页中显示html5视频中的特定点?我是说可以输入一个特定的时间值(例如01:20:30:045),让玩家控制(滑块)移动到那一点,然后从那个点开始播放?

在旧版本的mozilla vlcplugin我认为这是可能的seek(秒,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;
            }
        });
}
);

解决方法

你可以使用v.currentTime = seconds;寻求一个给定的立场。

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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码