如何使用javascript或jquery降低视频的播放速度
How can I decrease playback speed of the video using javascript or jquery?
我正在为HTML5编写这样的代码,它运行得很好。
<video id="video" controls="controls" autoplay="autoplay" name="media"><source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></video>
<button onclick="document.getElementById('video').playbackRate+=0.1">playbackRate+=0.1</button>
<button onclick="document.getElementById('video').playbackRate-=0.1">playbackRate-=0.1</button><br>
对于JWplayer,我如何才能像上面一样降低/提高播放速度?
<script type="text/javascript">
jwplayer("myElement").setup({
file: "http://media.w3.org/2010/05/sintel/trailer.mp4",
title: "test",
height: 400,
width: 600,
autostart: true,
autoplay: true,
});
jwplayer("myElement").onTime(function(time){
showComments(Math.round(time.position));
})
</script>
如本文所述,JW Player仅在处于html5
渲染模式时才支持对播放速度的控制,在这种情况下,您可以通过它渲染的视频标签选项来控制它。它看起来是这样的:
<script type="text/javascript">
function changePlaybackRate(rateChange) {
if (jwplayer().getRenderingMode() == "html5") {
var videoTag = document.querySelector('video');
if (videoTag.playbackRate) {
videoTag.playbackRate += rateChange;
}
}
//Small hack to work around a Firefox bug
if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
jwplayer().seek(jwplayer().getPosition());
}
};
</script>
<button onclick="changePlaybackRate(0.1)">playbackRate+=0.1</button>
<button onclick="changePlaybackRate(-0.1)">playbackRate-=0.1</button>
当浏览器不支持通过HTML5原生播放时,JW Player不支持播放速度控制(例如,在使用Flash播放器的情况下)
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- 可以在响应时隐藏iphone上的“播放”按钮以进行视频播放
- html5视频播放器和视频js之间的关系
- 视频播放器错误promise DOMException中未捕获
- html视频播放器并不总是从src读取
- HTML 5视频播放器用给定的数字更新currentTime
- html5视频交互式视频播放器
- 如何构建自己的 VAST 视频播放器
- 如何专注于YouTube视频播放器对象
- HTML5视频播放/停止按钮与Javascript
- 如何在前台弹出YouTube视频播放器
- 如何在悬停在图像上时弹出youtube视频播放器
- 将Backbone事件与HTML5视频播放事件结合使用
- 移动设备的动态视口始终包含固定尺寸的视频播放器
- 浏览器同步摄像头加速视频播放不是一个功能
- 使用MediaSource扩展播放视频播放列表
- 当我在视频播放器上单击播放时,它会在页面上播放两个视频
- 嵌入视频播放器播放按钮可同时播放所有视频播放器
- 设置计时器以等待为flash回退视频播放器加载swfobject脚本
- 三星智能电视视频播放器应用程序-访问存储在USB上的mp4