关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放,而IE9+及Firefox浏览器都是正常全屏播放的,
通过调试发现是这个class的处理影响了全屏的展示
所以,目前的解决办法是在layer层创建之后,移除这个class即可(注意在success回调中置于下一轮事件循环)
处理方法即在弹窗时清除layer层中的layer-anim样式属性:
即将默认代码:
<script>
layer.open({
type: 1,
title: false,
shadeClose: true,
area: ['400px', '350px'],
content: $('#box'),
success: function(layero) {
}
});
</script>
改为:
<script>
layer.open({
type: 1,
title: false,
shadeClose: true,
area: ['400px', '350px'],
content: $('#box'),
success: function(layero) {
//处理layer层中video播放器全屏样式问题
setTimeout(function() {
$(layero).removeClass('layer-anim');
}, 0);
}
});
</script>