Question

我确实为此网站设置了背景视频：

agriturismocascinatrevo.it

，并且无法在移动设备上使用。我读了一份寻找答案的书，但我只能找到2017年的问题，也许现在有解决方案。 Idk，我只是希望得到一个答案

此外，由于我不是CS的学生，因此我完全愿意提出改进代码的建议

我尝试使用发现的一些脚本，但是没有一个能按预期工作，但是我删除了它们，因此我无法在此处重新发布它们。

<!DOCTYPE html>
<html>
    <head>
        <style>
            /* Sezione introduttiva (video + titolo e overlay) */
            video {position: fixed;
                top: 50%;
                left: 50%;
                overflow: hidden;
                min-width: 100%;
                min-height: 100%;
                width: auto;
                height: auto;
                z-index: -100;
                -ms-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);}
        </style>
    </head>
    <body>        
        <video id="myVideo" playsinline muted autoplay poster="./media/bgSito v2 - Preview.jpg">
            <source src="./media/CascinaSemplice.mp4" type="video/mp4">
        </video>
        </body>
</html>

我希望视频也能够在网站的移动“渲染”中在后台自动播放。

如果需要完整的代码，最新版本可以在线使用，因此您可以直接在此处找到它

后台自动播放视频无法在移动设备上运行，解决方案？

0 个答案: