关于video在div全屏铺满的问题，答非所问请不要回复，谢谢
0
悬赏园豆：50
[待解决问题]
在video标签设置了如下属性
video{
width: 100%;
height: 100%;
}
video外层的div设置了如下属性
div{
position: relative;
margin: 0 auto;
width: 800px;
height: 450px;
}
当用js代码执行下列函数时
if(element.requestFullScreen) {
div.requestFullScreen();
} else if(element.mozRequestFullScreen) {
div.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
div.webkitRequestFullScreen();
} else if (element.msRequestFullscreen) {
div.msRequestFullscreen();
}
在谷歌，火狐opera中都能使div全屏，并且video也全屏铺满在div中，但在ie和uc中会出现仅仅div全屏了，而video还是原大小，不会跟随其一起全屏，尝试过在video中添加object-fit: fill;属性，但是还是没有效果，望大神能交流解答，谢谢
所有回答(1)
0
要把全屏的调用者使用video调用，不能使用div调用
我的代码如下，在IE11，Firefox65，Google Chrome71 中测试没有问题。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Full Display</title>
<style>
.video_frame {
position: relative;
margin: 0 auto;
width: 800px;
height: 450px;
}
.video_centent {
width: 100%;
height: 100%;
}
.control_btn {
text-align: center;
}
</style>
</head>
<body>
<div class="video_frame">
<video class="video_centent" autoplay="autoplay">
<source src="Mariage D' Amour ... Richard Clayderman.mp4" type="video/mp4" />
</video>
<div class="control_btn">
<button onclick="toFullVideo()">全屏显示</button>
<button onclick="exitFullScreen()">退出全屏</button>
</div>
</div>
<script>
var element = document.querySelector(".video_centent");
function toFullVideo() {
if (element.requestFullScreen) {
element.requestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}
function exitFullScreen(event) {
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
};
</script>
</body>
</html>
这样确实可以，但是有个问题是这样的话原本自己写的video控件就会被盖住，就算是提高控件的z-index值也不会覆盖在全屏的video，还有个问题是全屏后会出现浏览器自带的控件，就算能隐藏也只是一部分，比如edge里的video全屏就隐藏不了自带的控件
