javascript - 未知 JS 向元素添加边距（找不到 JS 在哪里）

Question

我的网站有一个背景视频（html5 视频元素），不知何故，它显示在页面的一半（而不是拉伸整个页面）。检查时，视频元素具有：

element.style {width: 1349px; margin-top: -344px; margin-left: 0px; }

但我不知道这margin-top: -344px是从哪里来的。我买了网站模板。有人可以就我如何找出原因提供一些建议吗？

Answer 1

首先，您收到以下错误：

Uncaught TypeError: Cannot set property 'volume' of null 

因为在第 385 行，您尝试设置尚未在 HTML 中创建的元素“jazz_player”的音量。

如果您想覆盖在插件的 JS 中设置的任何 CSS 设置，您可以使用!important，例如：

.my-overriding-class{
   margin-top: 0 !important;
}

Answer 2

这是一个快速提示。1349可能和你的屏幕一样宽，但有些屏幕可能会更大或更小。HTML5 视频很好，因为它可以根据帧调整视频。这是实际答案：将 1349px 替换为 100%。还要增加宽度，使其为 100%。比，删除 margin-top 和 margin-left 与 margin: 0px 0px 0px 0px。最终代码：element.style {width: 100%; 高度：100%；边距：0px 0px 0px 0px；}

在具有不同屏幕尺寸的移动设备上，我会让视频不显示 btw。

这看起来是对的，但如果我错了，有人纠正我。