javascript - 如何取消静音(并关闭自动播放)二十七岁的 YouTube 视频？

Question

我有a lecture on YouTube我想用作 my twentyseventeen child themed website. 的标题电影我希望它有声音但不自动播放(在 YouTube 上观看时，该视频的声音完好无损)。

在回答另一个有关自动播放的问题后，我设置了视频 URL https://www.youtube.com/watch?v=1dYAYBNU6qM&autoplay=0 。该行为似乎没有改变。它立即开始，但声音被静音。

对于二十七，我如何可以选择在用户点击“播放”按钮时开始暂停并开始播放声音的媒体文件？

Answer 1

您可以使用global对象wp来访问youtube播放器功能。 twentyseventeen 主题 中的 YouTube 视频加载 wp-custom-header.js文件并在 384 行创建新对象。

以下是您可以使用的一些解决方案:

var ww_timer = setTimeout(function ww_video() {
    if(wp.customHeader.handlers.youtube.player == null){
        ww_timer = setTimeout(ww_video, 50);
    }else {
        if(typeof wp.customHeader.handlers.youtube.player.unMute === "function") {
            wp.customHeader.handlers.youtube.player.unMute();
            wp.customHeader.handlers.youtube.player.stopVideo();
        }else{
            ww_timer = setTimeout(ww_video, 50);
        }
    }
}, 50);

此代码转到 my_js.js 文件(我在事件子主题的主目录中创建了它。您可以将此代码添加到另一个 .js，如果您有它)您活跃的 child 主题。另外，我们需要使用以下代码更新 functions.php 文件:

function ww_youtube_functions(){
  wp_enqueue_script('ww_youtube_video',get_stylesheet_directory_uri().'/my_js.js',array('wp-custom-header'),false, true);
}
add_action('wp_enqueue_scripts', 'ww_youtube_functions');

此代码的必需部分是array('wp-custom-header'):将依赖于脚本wp-custom-header的脚本排入队列。

setTimeout 不是最好的方法。我相信，可以用更优雅的代码来完成。

但它已经过测试并且可以工作。