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

總結

以上是生活随笔為你收集整理的关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。