视频海报丨郑能量:我不怕死,只怕今生有憾

发布时间:2020年02月12日       来源:红网      阅读:6次

!-- 注意事项: * 播放器容器必须为 video 标签 * player-container-id 为播放器容器的ID,可自行设置 * 播放器区域的尺寸请按需设置,建议通过 css 进行设置,通过css可实现容器自适应等效果 * playsinline webkit-playinline x5-playinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放,此处仅作示例,请按需使用 --> var playList = []; scale = window.innerWidth / 750 = 1 ? window.innerWidth / 750 : 1; $("#player-video-wrapper").css("width",'100%'); $("#player-video-wrapper").css("height","100%"); var plyrSvg = ' ' $("#player-video-wrapper").attr("poster",'https://img.rednet.cn/2020/02-12/d1c4b55a-5725-4585-a65b-1c4f7690e664.jpg'); $("#player-video-wrapper").append($(" ")); var coverPlayer = new Plyr('#player-video-wrapper',{controls:['play-large', 'play', 'progress', 'current-time', 'volume', 'fullscreen']}); coverPlayer.on('ready', function(event) { $(".plyr__control--overlaid svg").remove(); $(".plyr__control--overlaid .plyr__sr-only").before(plyrSvg) }); playList.push(coverPlayer); coverPlayer.on('play', function() { for(var j= 0 , k= playList.length; j k; j ){ if(!(coverPlayer == playList[j])){ playList[j].pause(); } } }); /*全屏事件*/ coverPlayer.on('enterfullscreen', function(event) { var element = event.detail.plyr.media; $(element).css("width","100%"); $(element).css("height","100%"); console.log(event) }); /*退出全屏事件*/ coverPlayer.on('exitfullscreen', function(event) { var element = event.detail.plyr.media; var scale = window.innerWidth / 700 = 1 ? window.innerWidth / 700 : 1; $(element).css("width",640*scale "px"); $(element).css("height",(640*9/16)*scale "px"); }); 90后湖南小伙郑能量,17个日夜,驾私家车奔波武汉街头做义工。
来源:红网
作者:红网
编辑:欧阳璐
本文为红网原创文章,转载请附上原文出处链接和本声明。
本文链接: https://hn.rednet.cn/content/2020/02/12/6714833.html