Question

嗨，这是我第一次在网上提问。我想在你的wordpress网站上嵌入一个youtube频道播放器。我正在使用http://code.google.com/p/jq-youtube-player/中的代码。所以我希望这个播放器在负载和音频静音时自动播放。我只能将自动播放设置为开，但无法弄清楚如何静音音频。我在http://jsfiddle.net/NmvA9/490/上尝试的东西，但我是java脚本的初学者，所以需要帮助。

代码就像这样

(function() {
    function createPlayer(jqe, video, options) {
        var ifr = $('iframe', jqe);
    if (ifr.length === 0) {
        ifr = $('<iframe scrolling="no">');
        ifr.addClass('player');
    }
    var src = 'http://www.youtube.com/embed/' + video.id + '?enablejsapi=1';
    if (options.playopts) {
        src += '?';
        for (var k in options.playopts) {
            src+= k + '=' + options.playopts[k] + '&';
        }  
        src += '_a=b';
    }
    ifr.attr('src', src);
    jqe.append(ifr);  
}

function createCarousel(jqe, videos, options) {
    var car = $('div.carousel', jqe);
    if (car.length === 0) {
        car = $('<div>');
        car.addClass('carousel');
        jqe.append(car);

    }
    $.each(videos, function(i,video) {
        options.thumbnail(car, video, options);
    });
}

function createThumbnail(jqe, video, options) {
    var imgurl = video.thumbnails[0].url;
    var img = $('img[src="' + imgurl + '"]');
    if (img.length !== 0) return;
    img = $('<img>');    
    img.addClass('thumbnail');
    jqe.append(img);
    img.attr('src', imgurl);
    img.attr('title', video.title);
    img.click(function() {
        options.player(options.maindiv, video, $.extend(true,{},options,{playopts:{autoplay:1}}));
    });
}

var defoptions = {
    autoplay: false,
    user: null,
    carousel: createCarousel,
    player: createPlayer,
    thumbnail: createThumbnail,
    loaded: function() {},
    playopts: {
        autoplay: 0,
        egm: 1,
        autohide: 1,
        fs: 1,
        showinfo: 0
    }
};
player.mute():Void

$.fn.extend({
    youTubeChannel: function(options) {
        var md = $(this);
        md.addClass('youtube');
        md.addClass('youtube-channel');
        var allopts = $.extend(true, {}, defoptions, options);
        allopts.maindiv = md;
        $.getJSON('http://gdata.youtube.com/feeds/users/' + allopts.user + '/uploads?alt=json-in-script&format=5&callback=?', null, function(data) {
            var feed = data.feed;
            var videos = [];
            $.each(feed.entry, function(i, entry) {
                var video = {
                    title: entry.title.$t,
                    id: entry.id.$t.match('[^/]*$'),
                    thumbnails: entry.media$group.media$thumbnail
                };
                videos.push(video);
            });
            allopts.allvideos = videos;
            allopts.carousel(md, videos, allopts);
            allopts.player(md, videos[0], allopts);
            allopts.loaded(videos, allopts);
        });
    }
});

 })();

$(function() {
$('#player').youTubeChannel({user:'youtube'});
});

此处如果在此代码中将自动播放设置为“1”

var defoptions = {
    autoplay: false,
    user: null,
    carousel: createCarousel,
    player: createPlayer,
    thumbnail: createThumbnail,
    loaded: function() {},
    playopts: {
        autoplay: 0,
        egm: 1,
        autohide: 1,
        fs: 1,
        showinfo: 0
    }
};

它自动播放视频，但添加“静音”值似乎不起作用。我想我需要以其他方式将其静音，但无法弄清楚如何...所以请帮助谢谢

如何使用java脚本静音和自动播放youtube频道播放器？

0 个答案: