关于HTML5视频的全屏的问题

[chen_2016_web]

我是使用自定义的方式来控制视频的。我每次点击画面，视频就会暂停，再次点击就会播放，并且出现相应的暂停或播放按钮。但是，当我进入全屏之后，暂停时出现的按钮被隐藏了。即使我把暂停的按钮的z-index设置到最大值，还是被隐藏了。
所以，我想问，有什么方法，可以让我进入全屏后，点击让视频暂停，暂停的按钮显示出来？说白了，就是进入全屏后，我想让暂停的按钮的层次高于全屏的视频画面的。

//全屏
	$('.fullScreen').on('click', function() {
		if ($(this).hasClass('cancleScreen')) {
			if (document.exitFullscreen) {
				document.exitFullscreen();
			} else if (document.mozExitFullScreen) {
				document.mozExitFullScreen();
			} else if (document.webkitExitFullscreen) {
				document.webkitExitFullscreen();
			}
			$(this).removeClass('cancleScreen');
		} else {                              
			if (playVideo[0].requestFullscreen) {
				playVideo[0].requestFullscreen();
			} else if (playVideo[0].mozRequestFullScreen) {
				playVideo[0].mozRequestFullScreen();
			} else if (playVideo[0].webkitRequestFullscreen) {
				playVideo[0].webkitRequestFullscreen();
			} else if (playVideo[0].msRequestFullscreen) {
				playVideo[0].msRequestFullscreen();
			}
			$(this).removeClass('cancleScreen');
		}
		return false;
	});

[haoran198236]

你可以判断进入或移出视频元素时，加事件