如何让网页html播放器代码支持快进

2022-12-27 分类：web前端 / 技术教程阅读(653) 评论(0)

代码如下，没有测试哟！大家自行测试功能。

&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;title&gt;播放快进&lt;/title&gt;
&lt;script type="text/javascript"&gt;
function Forward(){
    var el=document.getElementById("myPlayer");
    var time=el.currentTime;        /* 获取属性currentTime */
    el.currentTime=time+600;        /* 设置属性currentTime，快进600s */
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;video id="myPlayer" width="100%" controls&gt;  
  &lt;source src="https://cdn.zxki.cn/mp4/%E7%9D%AB%E6%AF%9B%E9%98%BF%E5%A7%A8.mp4" rel="external nofollow"  type="video/mp4"&gt;
  你的浏览器不支持video元素
&lt;/video&gt;&lt;br&gt;
&lt;input type="button" value="快进" onClick="Forward()" /&gt;
&lt;/body&gt;
&lt;/html&gt;```<p><img src="https://cdn.zxki.cn/img/QQ%E6%88%AA%E5%9B%BE20211030181540.png" rel="external nofollow"  alt="" width="0" height="0" /></p>

赞(0) 打赏

未经允许不得转载：新起点博客 » 如何让网页html播放器代码支持快进