一次静音播放多个youtube视频(代码片段)

关键词：

<div class="no-sound">
    <div data-id="EI0ib1NErqg"></div>
</div>
<div class="no-sound">
    <div data-id="fV6O722O_ew"></div>
</div>
<div class="no-sound">
    <div data-id="cKxRvEZd3Mw"></div>
</div>

<div id="sound">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/g95_9Qd7o9Y?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var players;
function onYouTubePlayerAPIReady() 
    var players = document.querySelectorAll('.no-sound div')
    for (var i = 0; i < players.length; i++) 
        new YT.Player(players[i], 
            playerVars: 
                'autoplay': 1,
                'modestbranding': 1,
                'controls': 1,
                    events: 
                'onReady': onPlayerReady
                    
            ,
            videoId: players[i].dataset.id
        );
    



      function onPlayerReady(event) 
        event.target.mute();
      

请更改您的代码：

从：

new YT.Player(players[i], 
    playerVars: 
        'autoplay': 1,
        'modestbranding': 1,
        'controls': 1,
        events: 
        'onReady': onPlayerReady
        
    ,
    videoId: players[i].dataset.id
);

至

new YT.Player(players[i], 
    playerVars: 
        'autoplay': 1,
        'modestbranding': 1,
        'controls': 1,
        events: 
        'onReady': onPlayerReady
    ,
    videoId: players[i].dataset.id
);

基于谷歌给出的sample code。 Events元素在playerVars元素之外。这是支持的参数列表int playerVars元素的link。

function onYouTubeIframeAPIReady() 
    var player;
    player = new YT.Player('player', 
        videoId: 'M7lc1UVf-VE',
        playerVars:  'autoplay': 1, 'controls': 0 ,
        events: 
            'onReady': onPlayerReady,
            'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
            'onStateChange': onPlayerStateChange,
            'onError': onPlayerError
        
    );

以jsfiddle为例。

如何自动播放静音的 Youtube 视频 (IFrame API)？

】如何自动播放静音的Youtube视频(IFrameAPI)？【英文标题】：HowdoIautomaticallyplayaYoutubevideo(IFrameAPI)muted?【发布时间】：2012-02-1018:23:25【问题描述】：<iframeclass="youtube-player"type="text/html"src="http://www.youtube.com/embed/JW5meKfy3fY?wmo 查看详情

没有静音的 HTML 视频自动播放（或者 youtube 是如何做到的）？

】没有静音的HTML视频自动播放（或者youtube是如何做到的）？【英文标题】：HTMLvideoautoplaywithoutmuted(orhowdoesyoutubedoit)?【发布时间】：2018-11-2604:12:25【问题描述】：我知道现在许多较新的浏览器在视频不是muted时禁用autoplay或将其... 查看详情

android-无法加载多个youtube视频(代码片段)

我需要在同一活动中使用“YouTubePlayer”多个实例播放多个“youtube”视频。换句话说，我需要像YouTube应用程序如何在另一个下方显示不同的视频一样。我使用'FrameLayout'插入'YouTubePlayerFragment'。在我的情况下，多个“YouTubePlayer”... 查看详情

youtube视频w/javascriptapi-自动播放和静音

<scriptsrc="http://www.google.com/jsapi"></script><scriptsrc="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script><divid="ytap 查看详情

网站打开时启动 YouTube 视频 [重复]

...我希望YouTube视频在用户打开我的网页时立即开始播放并静音，但是当从YouTube嵌入它时，用户必须点击它并点击“播放”才能播放视频开始播放。现在我从YouTube得到这样的代码：<iframesrc="https:// 查看详情

javascript允许镜像youtube视频播放(代码片段)

查看详情

无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音

】无法在移动设备上使用RevolutionSlider取消YouTube视频静音【英文标题】：Can\'tUnmuteYouTubeVideoswithRevolutionSlideronMobile【发布时间】：2021-04-2117:33:39【问题描述】：我在WordPress中使用RevolutionSlider，但遇到了一个问题，即在移动设备上... 查看详情

我如何对 youtube 嵌入播放器进行编程以在单击时取消静音

】我如何对youtube嵌入播放器进行编程以在单击时取消静音【英文标题】：howdoiprogramtheyoutubeembedplayertounmutewhenclicked【发布时间】：2013-05-2014:43:51【问题描述】：如何将youtube嵌入式播放器设置为在单击时取消静音。您可以在http://w... 查看详情

php显示youtube播放列表视频(代码片段)

查看详情

html在灯箱中播放youtube视频(代码片段)

查看详情

有没有办法为嵌入式youtube视频创建委派菜单（youtubeautoplaychrome）(代码片段)

...y-changes）我得出结论，这可能是这里的问题，并通过播放静音来验证它，在chromes自动播放策略中有什么例外。用户启动的游戏即使在chrome中也能正常工作。所以我想尝试的是将用户操作（点击外部播放按钮）委托给iframes视频以... 查看详情

即使手机处于静音或振动状态，如何让视频播放声音？ [复制]

】即使手机处于静音或振动状态，如何让视频播放声音？[复制]【英文标题】：HowcanImakevideosplaysoundevenifthephoneisonsilentorvibrate?[duplicate]【发布时间】：2013-03-0120:35:15【问题描述】：我正在使用LBYoutubeView播放YouTube视频，如果手机处... 查看详情

视频和音频(代码片段)

...use()暂停 volume调节音量，设置的值是从0-1，0就相当于静音，1就是百分百的音量 muted设置静音，true就静音，false不静音 currentTime,获取和设置当前播放到什么位置 onplay播放的事件 onpause暂停事件案例：&nb 查看详情

react-native-youtube 当手机处于静音模式时没有视频声音

】react-native-youtube当手机处于静音模式时没有视频声音【英文标题】：react-native-youtubenovideosoundwhenphoneisinsilentmode【发布时间】：2018-07-0221:18:12【问题描述】：我知道有类似的问题，但不幸的是，我尝试过的每个解决方案都失败了... 查看详情

在 Squarespace 上静音 Youtube 视频

】在Squarespace上静音Youtube视频【英文标题】：MuteYoutubevideoonSquarespace【发布时间】：2016-11-1909:01:10【问题描述】：我想在我的squarespace页面上添加一个带有静音和循环功能的iframe视频。我尝试了YoutubeAPI，但没有成功。请帮忙！【... 查看详情

sh列出youtube播放列表中的视频uri。(代码片段)

查看详情

markdown如何下载youtube播放列表中的所有视频？(代码片段)

查看详情

英华在线助手-自动静音连播-自动跳转到未完成视频-视频暂停超时播放提示音(代码片段)

功能：自动播放英华学堂的课。1、自动静音连播2、自动跳转到未完成视频3、视频暂停超时播放提示音注意：请点击“学习记录”进入视频列表，再选择视频进行播放，否则脚本将不能正确运行。放到控制台或者... 查看详情