简介
在Mediaelement-H5播放器的控制增加两个按钮元素,用来控制正在播放的音视频快进或快退30秒。
安装
<link href="https://cdn.bootcdn.net/Ajax/libs/Mediaelement/7.0.0/mediaelementplayer.CSS" rel="stylesheet"> <link rel="stylesheet" href="pulg/jump-forward/jump-forward.min.CSS"> <link rel="stylesheet" href="pulg/skip-back/skip-back.min.css"> <script src="https://cdn.bootcdn.net/Ajax/libs/mediaelement/7.0.0/mediaelement-and-player.js"></script> <script src="pulg/jump-forward/jump-forward.min.js"></script> <script src="pulg/skip-back/skip-back.min.js"></script>
<video src="https://www.18ma.cn/static/demo.mp4" width="320" height="240" type="video/mp4"></video>
var features = ['playpause', 'current', 'progress', 'duration', 'volume', 'skipback', 'jumpforward', 'speed', 'fullscreen']; var player = new MediaElementPlayer('video', { features: features, //控制栏显示的插件 clickToPlayPause: true, //点击播放/暂停,注:此选项决定中间大播放图标功能 false true stretching: 'responsive', //宽高自适应 HLS: {debug: false,}, });
下载
此处为隐藏内容,请评论后查看隐藏内容,谢谢!
文章版权声明:除非注明,否则均为十八码原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...