!-- 注意事项： * 播放器容器必须为 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-10/e9b05776-dae7-47ad-8432-a7954689d35e.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"); }); 今天（2月10日），大多数单位员工都已返岗工作。大家已经知道新型冠状病毒会通过飞沫传播，而复工后可能会接触到较多人，这种情况下应该如何做好防护？别恐慌，小编这就为你送上复工第一天的正确姿势！
文案/视频：刘明珠 欧阳璐
来源：红网
作者：红网
编辑：欧阳璐
本文为红网原创文章，转载请附上原文出处链接和本声明。
本文链接： https://hn.rednet.cn/content/2020/02/10/6709163.html