Question

我有一个包含youtube视频的页面。我想在播放时将其静音。 player.mute（）适用于android n桌面，但不适用于ipad（iphone会将视频设为全屏）。它有什么办法使视频播放没有声音？我试图避免在没有任何声音的情况下上传视频。

我的js：

$('#container.click-to-play-video').click(function(){
    $('#start').delay(1000).fadeOut(1000);
    player = new YT.Player('player', {
        width : '100%',
        height : '100%',
        videoId : 'gq5KvRZpS6I',
        playerVars: { 'autoplay': 1, 'controls':0, 'rel':0, 'showinfo':0 },
        events : {
            'onReady' : onPlayerReady,
            'onStateChange' : onPlayerStateChange
        }
    });
});
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 player;
function onPlayerReady(event) {
    player.mute();
}
function onPlayerStateChange(event) {
    if(event.data == YT.PlayerState.ENDED) {
        player.destroy();
    }
}

jsfiddle：http://jsfiddle.net/framelita/angqtmrc/

页面示例：http://framelita.com/staging/youtube/

player.mute（）不适用于ios

0 个答案: