仅在Safari中表现怪异的YouTube嵌入式视频(iframe)

时间:2019-05-01 22:29:09

标签: html5 iframe safari youtube embed

您好,亲爱的Stackoverflow人! 我试图建立自己的网站,但我们只有一件事我不知道,希望您能以更多经验丰富的人来帮助我。

嵌入的Youtube视频(旨在用作徽标的背景)与FireFox和Google chrome一起使用时效果很好。仅在Safari中,页面加载后,视频会直接跳到结尾,而其他推荐视频则直接跳到结尾。如果我仅打开youtube.com/embed/链接,则效果很好。有什么办法可以解决这个问题吗? 我不是html5 / javascript的专家,我也不知道为什么它在不同的浏览器中表现得如此不同。

我试图自己打开嵌入链接,这样做可以正常工作。 我也尝试过在Safari浏览器中查看开发人员菜单,但没有错误。 有时,它加载错误,并且如果我更改选项卡几分钟并重新打开该选项卡,它将再次呈现(?),然后它可以工作;最初加载页面时永远无法工作

<iframe id="videobgframe-1936929286" class="videobgframe" style="min-height: 708.1875px; min-width: 956.4444444444443px;" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/XzTCntGgNJU?modestbranding=1&amp;autoplay=1&amp;controls=0&amp;wmode=transparent&amp;hd=1&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;origin=https%3A%2F%2Fwww.ajgapps.com&amp;loop=1&amp;playlist=XzTCntGgNJU&amp;enablejsapi=1&amp;widgetid=1"></iframe>

预期/期望结果是网站的行为就像现在在google chrome和firefox中一样,在页面加载后开始自动播放视频作为徽标背景,隐藏控件,循环播放视频,理想情况下还隐藏推荐的视频。

1 个答案:

答案 0 :(得分:0)

对于任何想知道的人,我终于知道了。 Safari默认情况下会阻止所有自动播放的媒体,但不包括某些大型网站,例如Youtube或Netflix。 因此,如果要使用视频,则无法解决此问题。我会尝试使用其他类似gif的媒体格式...