您在此处为此用户提供的答案: 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"});
}
}