!-- 注意事项： * 播放器容器必须为 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-26/ebc8309b-c180-452c-ae6b-91ce5e46477e.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"); }); 在疫情防控的紧要关头
有许多人选择逆行而上
奋战在抗击疫情的各个战场上
这些人温暖你我
素材来源：红网 潇湘晨报 湖南省交警总队 岳阳楼区融媒体中心 星辰在线 华声在线
剪辑整理：欧阳璐
来源：红网
作者：红网
编辑：欧阳璐
本文为红网原创文章，转载请附上原文出处链接和本声明。
本文链接： https://hn.rednet.cn/content/2020/02/26/6812507.html