为什么我的视频不能在 safari webbrowser 中播放？

Question

大家好，我对这段代码有疑问：

<div class="small-mobile-container">
                    <div class="mobv">
                        
                    
                    <video style="position:sticky "; preload="true", playsinline  , autoplay="autoplay" muted loop>
                        <source src="Pictures/Video 1.mp4"  />
                        Your browser does not support the video tag.
                      </video>
                    
                    </div>
                </div>

问题是它不能在 Safari 网络浏览器中播放。我尝试了很多解决方案，但没有任何帮助。我什至不知道为什么，但有一个按钮，我可以按下，然后视频开始。

Answer 1

(1) 尝试使用视频的完整路径。 (2) 同时将您的 MP4 文件名重命名为 没有空格.

代码应该是这样的：

<div class="small-mobile-container">
<div class="mobv">

<video preload="true" playsinline="" autoplay="" muted="" loop="" style="position:sticky; width: 100%; height: auto;" >
<source src="https://mywebsite.com/Pictures/Video_1.mp4"  />
Your browser does not support the video tag.
</video>

</div>
</div>

为什么我的视频不能在 safari webbrowser 中播放？

Why is my video not playing in safari webbrowser?

html

html5-video