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

关于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: functionlayero) {
		}
	});
</script>

改为:

<script>
	layer.open{
		type: 1,
		title: false,
		shadeClose: true,
		area: ['400px', '350px'],
		content: $'#box'),
		success: functionlayero) {
			//处理layer层中video播放器全屏样式问题
			setTimeoutfunction) {
				$layero).removeClass'layer-anim');
			}, 0);
		}
	});
</script>

 

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注