!-- 注意事项： * 播放器容器必须为 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-25/f587ba18-94f8-4d65-b685-67a9ad2e02d2.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/25/6759825.html