Javascript 更改全屏html5视频的尺寸

有没有办法修改视频的全屏功能在浏览器中的行为？我想在屏幕左侧显示视频，在右侧显示图像（实际上是PDF）

我在chrome中尝试过css：

video:-webkit-full-screen

---

这给了我一些结果，但不是期望的结果。我应该为此创建自定义操作吗？如果是这样，我如何才能让视频突破浏览器的边界？

您应该在

中插入

标记，该标记具有定义的
高度和
宽度，并具有以下属性：

.video-container {
   position: relative;
   height: auto;
   width: 60%;
}

video {
   width: 100%; 
   max-width: 500px; // Or whatever value on your choice
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

如果
width
为100%，视频将填满整个浏览器空间，但通过设置分辨率和响应性的
max width
或
max height
来限制其大小。我希望我的回答能帮助你

编辑

要正确装入
div
，必须将容器
位置：相对
和
位置：绝对
分配给视频本身。如果要从边框中突破，则必须调整视频的
max height
和
max width
的尺寸

检查此项，因为它与您的类似。
这只会占用浏览器中的空间，而不会占用屏幕本身。我已修改了我的答案，请检查！我选择了另一种解决方案，即