Javascript 无法在我的网站中添加视频

宽度和高度有问题，会显示在整页上。我的视频也可以在firefox上运行，但不能在chrome上运行

<div id="videoTop" style="position:fixed;  right: 0px; min-width: 100%; min-height: 50%; width: auto; height: auto; z-index: 1; overflow:hidden;">

    <script>
        if (jQuery.browser.mobile) {
            $('div#videoTop').remove();
        }
        else { }
    </script>

    <video id="videoBG" preload="auto" autoplay="autoplay" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed;  right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;">
        <source src="Images/Wildlife.mp4" type="video/mp4" codecs="&quot;avc1.42E01E, mp4a.40.2&quot;">
        <source src="/assets/1550/allure-homepage.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;">
    </video>
</div>

if（jQuery.browser.mobile）{
$（'div#videoTop'）。删除（）；
}
else{}

如果==true，则删除已发布的整个标记块。

如果为true，则jQuery代码将删除整个标记块，因为只有1个

标记。这就是你想要的吗？移动浏览器在哪里会遇到错误

对于非移动浏览器，尝试删除编解码器，这通常是不必要的&其中似乎包含不必要的引号和分号，破坏了上面的代码

 <video id="videoBG" preload="auto" loop="loop" muted="muted" volume="0" tabindex="0" style="position: fixed; right: 0px; min-width: 100%; min-height: 30%; width: auto; height: auto; z-index: -2; overflow: hidden;">
     <source src="Images/Wildlife.mp4" type="video/mp4">
     <source src="/assets/1550/allure-homepage.webm" type="video/webm">
 </video>

如果没有，请确认视频的文件路径。为什么不同浏览器的视频和子文件夹（“图像”和“资产”）完全不同？

---

最后，还有其他内容吗？为什么z指数为-2？视频中可能还有其他内容吗

“资产/1550…”的来源不应该在那里。与.ogg格式完全相同的文件。是的，视频应该隐藏在包含内容的其他div标记后面，当向下滚动时，视频应该出现。这可能是您的问题；）