为什么我的视频无法在 Safari 浏览器中播放？

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>