Javascript 嵌入youtube APi自定义按钮
我正在自定义我的youtube播放器,但我收到了一个错误,我已经检查了问题是否没有包含在就绪函数中,但仍然收到了错误 “未捕获引用错误:未定义YT” Js: html:Javascript 嵌入youtube APi自定义按钮,javascript,youtube-api,Javascript,Youtube Api,我正在自定义我的youtube播放器,但我收到了一个错误,我已经检查了问题是否没有包含在就绪函数中,但仍然收到了错误 “未捕获引用错误:未定义YT” Js: html: 玩 您是否尝试切换到HTTPS协议 为我工作 代码似乎运行良好。你在用Chrome做测试吗? //youtube script var tag = document.createElement('script'); tag.src = "http://www.youtube.com/iframe_api"; var first
玩
您是否尝试切换到HTTPS协议
为我工作
代码似乎运行良好。你在用Chrome做测试吗?
//youtube script
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
onYouTubeIframeAPIReady = function () {
player = new YT.Player('player', {
height: '193',
width: '284',
videoId: 'jGa2J3RBPtQ', // youtube video id
playerVars: {
'autoplay': 0,
'rel': 0,
'showinfo': 0
},
events: {
'onStateChange': onPlayerStateChange
}
});
}
onPlayerStateChange = function (event) {
if (event.data == YT.PlayerState.ENDED) {
$('.start-video').fadeIn('normal');
}
}
$(document).on('click', '.start-video', function () {
$(this).fadeOut('normal');
player.playVideo();
});
<div id="player"></div>
<button class="start-video">Play</button>
tag.src = "https://www.youtube.com/iframe_api";