尝试在几秒钟后播放YouTube视频,即使未点击图像也是如此

时间:2014-06-08 09:42:22

标签: video youtube playback seconds

您在此处为此用户提供的答案: How to play/start youtube video after clicking on an image?

这是我的查询的解决方案,所以我在我的网站上有视频,点击它播放的图像,现在我也希望视频播放后即使用户没有点击图像。

以下是我根据您发布的内容使用的小提琴:

http://jsfiddle.net/L3GAy/150/

$("#video-player").mouseenter(function(){
    $(this).addClass('hover-state');
}).mouseleave(function(){
    $(this).removeClass('hover-state');
});

$("#video-player.click-to-play-video").click(function(){
    $('#head').css({"background-color":"black"});

    player = new YT.Player('player', {
        width : '640',
        height : '360',
        videoId : 'qlEUrEVqDbo',
        playerVars: { 'autoplay': 1 },
        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) {
    //event.target.playVideo();
}

function onPlayerStateChange(event) {
    if(event.data == YT.PlayerState.ENDED) {
        player.destroy();
        $('#head').css({"background-color":"#aaa"});
    }
}

0 个答案:

没有答案