!-- 注意事项： * 播放器容器必须为 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-29/d9b2e3e4-f824-46c9-ad29-553476cdc92d.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/29/6822791.html