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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/html5/168944.html

猜你在找的HTML5相关文章