关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放问题

风君子前端 2020-01-09 875

关于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>

喜欢 (0)