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

Posted 2023-05-07

【中文标题】为啥我的视频无法在 Safari 浏览器中播放？

【英文标题】：Why is my video not playing in safari webbrowser?为什么我的视频无法在 Safari 浏览器中播放？

【发布时间】：2022-01-18 17:44:47

【问题描述】：

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

<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 网络浏览器中播放。 我尝试了一堆解决方案，但没有任何帮助。我什至不知道为什么，但是我可以按下一个按钮，然后视频就会开始。

【参考方案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。我不明白为什么会这样。