时间戳

首页 > 解决方案 > YouTube 自动播放解决方法？

javascript - YouTube 自动播放解决方法？

问题描述

我了解自动播放的新变化以及视频需要如何静音。但是我有两个问题要尝试解决此功能。由于我正在开发的网站使用特定的音乐视频来迎合审美，并且由于 Chrome 是最常用的浏览器之一，因此我的网站在其上运行会很好。

  1. 阅读开发人员更新后，我看到一条注释说“当“顶部框架委托自动播放权限”时可以允许自动播放。然后它链接到将“允许 =“自动播放”添加到站点。我很想知道它是如何工作的以及如何将它添加到我的网站。

  2. 如果这不起作用，我总是可以制作一个充满视频的文件夹，并让 JavaScript 函数随机选择这些视频。我的问题是，由于这项政策，Chrome 是否也不会自动播放这些视频？还是只会是普通视频？

标签： javascripthtmlgoogle-chromeyoutubeautoplay

解决方案

好的，所以我找到了一些解决方法。allow="autoplay" 的工作方式是您需要在它能够运行之前进行某种网站交互，然后在之后的每次刷新时它都会自动播放。所以，你可以做什么？

  1. 制作播放/取消静音按钮。当然，这是最耗时的解决方法，因为您需要将其连接到 youtube 的 api。

  2. 发出警报。警报表现为站点交互，因此一旦用户单击“确定”，脚本将正常运行。当然，如果您不希望它在每次刷新时都提醒用户，那么一个简单的 localhost 脚本应该可以工作。

    if (localStorage.getItem("hasCodeRunBefore") === null) {
        var chrome   = navigator.userAgent.indexOf('Chrome') > -1;
   	if (chrome) alert('Click ok to load');
	window.onload = function () {
        localStorage.setItem("hasCodeRunBefore", true);
    }
}

  1. 如果他们正在运行 chrome，请告诉您的用户使用“ctrl+r”。因为重新加载页面会让它运行得很好。

--

当然，这仅适用于您想要自动播放声音的情况。如果您不关心并且只想要静音视频，添加“?mute=1&”就可以了。

推荐阅读