Question

我目前在Safari中播放的任何背景视频都存在问题。以下是一些链接。它显示的黑色背景不会显示我们为某些帖子制作的背景视频。

我使用WCK插件将它们全部设置在WordPress网站后端的自定义帖子类型中，并为我们的视频创建了自定义字段创建者。要打印出来，我将它们设置在单个赞助的帖子PHP文件中。

以下是完全链接它的代码。

Code For the Entire Video Encoding in PHP in our Single Post File COM / 6foGw.png

以下是我正在谈论的帖子的一些链接。（确保在Safari中获取错误）

http://landscapemanagement.net/sponsoredcontent/how-to-get-the-most-out-of-any-trenching-project/

http://www.mypmp.net/sponsoredcontent/how-to-repel-birds-from-any-environment/

是否有解决方法，因为它只是在Safari浏览器中显示为黑色？

请随时通知我。

Answer 1

查看Safari中自动播放视频的更改，此处引用了https://bitmovin.com/play-not-play-new-autoplay-policies-safari-11-chrome-64/

以下是如何使用JS检测自动播放是否可用的要点：

var promise = document.querySelector('video').play();
if (promise !== undefined) {
    promise.then(_ => {
        // Autoplay started!
    }).catch(error => {
        // Autoplay was prevented.
        // Show a "Play" button so that user can start playback.
    });
}

Safari 11.0的视频背景

1 个答案: