视频跨平台播放器倍速播放

最新推荐文章于 2020-11-25 14:56:11 发布

阿酷tony

最新推荐文章于 2020-11-25 14:56:11 发布

阅读量431

点赞数

分类专栏：跨平台播放器网页视频播放器视频直播技术流媒体技术视频安全文章标签：视频倍速播放视频播放加速倍速视频播放

本文链接：https://blog.csdn.net/ffffffff8/article/details/97623023

版权

视频直播技术同时被 3 个专栏收录

82 篇文章 10 订阅

订阅专栏

网页视频播放器

51 篇文章 1 订阅

订阅专栏

视频安全

37 篇文章 1 订阅

订阅专栏

// 视频获取速率
var videoSpeed = video.playbackRate;
// 视频设置播放速率，如正常速度播放
video.playbackRate = 1.0;
// 获取音频播放速率
var audioSpeed = audio.playbackRate;
// 音频设置播放速率，如正常速度播放
audio.playbackRate = 1.0;

<video id="video" width="180" height="314" autobuffer controls src="./sing-song.mp4" type="video/mp4"></video>
<p>选择播放速率：<select id="selRate">
    <option value="0.5">0.5</option>
    <option value="1" selected>1.0</option>
    <option value="1.25">1.25</option>
    <option value="1.5">1.5</option>
    <option value="2">2.0</option>
</select></p>
<p><button id="btnPlay">视频播放</button></p>

浏览器支持情况

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。

注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。

原video代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML5新标签-Video</title>
</head>
<body>
 
    <video id="player" width="600" height="400" controls preload="auto">
        <source src="video/birds.mp4" type="video/mp4">
        <source src="video/birds.ogg" type="video/ogg"> 
        
        您的浏览器版本太低了，不支持video播放，请升级到最新版本！
    </video>
 
</body>
</html>

阿酷tony

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
视频跨平台播放器倍速播放

// 视频获取速率var videoSpeed = video.playbackRate;// 视频设置播放速率，如正常速度播放video.playbackRate = 1.0;// 获取音频播放速率var audioSpeed = audio.playbackRate;// 音频设置播放速率，如正常速度播放audio.playbackRate = 1.0;<video...
复制链接

扫一扫