版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
版权
视频应用同时被 2 个专栏收录
3 篇文章0 订阅
订阅专栏
5 篇文章0 订阅
订阅专栏
原创文章 IPHONE108原创 20191204
方式1: 自己写代码调用自己的本地的mp4文件
使用playbackRate倍速播放来实现,实例如下:
选择播放速率:0.51.01.251.52.0
酷播视频CUPLAYER播放
JS部分:
var eleSelect = document.getElementById('selRate'); var eleButton = document.getElementById('btnPlay'); // 酷播提示:视频元素 var video = document.getElementById('video'); // 改变播放速率 eleSelect.addEventListener('change', function () { video.playbackRate = this.value; }); // 点击播放按钮 eleButton.addEventListener('click', function () { video.play(); });
什么?看不懂代码?好吧,如果看不懂代码,可以用第2种方式。
方式2: 用酷播云平台(视频上传至酷播云)
操作:上传视频之后,自动生成代码,获取代码添加到自己网站中,就可以了:
var player = polyvPlayer({ wrap: '#player', autoplay:'true', width: 800, height: 533, vid: '88083abbf5f16507525894e5a997aeb2_8', });
酷播云代码测试
效果是什么样的?右下角有个1x,点击可以选择倍速,多种倍速可随意选。
图1:酷播云倍速播放功能
图2:酷播云倍速播放功能