Html 背景视频不会在现场播放，只能在本地播放

更新：当我在浏览器中预览我的工作时，通过本地更新。我的文件存储在我们其中一台服务器上的相同文件夹结构中

更新：你指的是哪个jpeg参考？这是在我尝试你的方法之前吗

更新：此页面不加载评论或答案，因此我将在此处发布我的答案

更新：控制台确实说文件丢失了，但是没有。整个站点文件已上载多次。如果需要，我可以提供服务器内文件夹的屏幕截图

我有一个背景视频插入到我的索引页，但它不会播放一旦该网站是活的。我相信它使用了图像回退。它在本地运行良好，但在绝对URL方面存在问题。我从github下载了这个，下面是关于这个问题的更新，但我下载的包无论如何都是更新版本。测试链接位于github链接下方

---

我会使用jquery做类似的事情。你可以让videoURL转到你喜欢的任何地方，它会立即加载。我曾经在几个网站上做过，效果非常好。下面是html和JQUERY。在我看来，你的问题似乎是你是否存储了视频。你说它在本地运行得很好，你在哪里托管你的网页？您的视频应存储在同一地点

<section class="content-section video-section">
   <div class="pattern-overlay">
    <a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=sd4bqmP_460',containment:'', quality:'large', autoPlay:true, mute:true, opacity:1}">bg</a>
    </div>
</section>


$(document).ready(function () {

    $(".player").mb_YTPlayer();

});

我看到你添加的编辑。删除jpeg或引用mp4文件

---

-很抱歉编辑您的评论，但这是我唯一可以回复的方式。您指的是哪个jpeg引用？

请检查控制台，它说加载资源失败：服务器以404未找到$document.body.videVide-0.1.2/examples/video/videoMain.mp4的状态响应

<section class="content-section video-section">
   <div class="pattern-overlay">
    <a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=sd4bqmP_460',containment:'', quality:'large', autoPlay:true, mute:true, opacity:1}">bg</a>
    </div>
</section>


$(document).ready(function () {

    $(".player").mb_YTPlayer();

});