Javascript Youtube iframe api未启动,也未显示任何错误
我一直在试图了解视频播放的状态。来自YouTube Iframe API,用于访问视频播放的状态以及视频播放器的控件。当我更改状态时,它不会触发onStateChange,并且onPlayerReady函数也不起作用。 我首先添加了script标签Javascript Youtube iframe api未启动,也未显示任何错误,javascript,jquery,iframe,youtube-iframe-api,Javascript,Jquery,Iframe,Youtube Iframe Api,我一直在试图了解视频播放的状态。来自YouTube Iframe API,用于访问视频播放的状态以及视频播放器的控件。当我更改状态时,它不会触发onStateChange,并且onPlayerReady函数也不起作用。 我首先添加了script标签 <script src="https://www.youtube.com/iframe_api"></script> 我只是不知道我错过了什么。你能帮我吗 var player; function o
<script src="https://www.youtube.com/iframe_api"></script>
我只是不知道我错过了什么。你能帮我吗
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player("vibe-video", {
events: {
onReady: onPlayerReady
onStateChange: onPlayerStateChange,
},
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
console.log("PRINT");
event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
console.log(event.data);
}
function stopVideo() {
player.stopVideo();
}
function onPasteYouTube(event) {
var val = $(event.target).val() || event;
if (!val.length) {
$("#vibe-notice").text("Invalid URL ...");
return;
}
const videoId = getId(val);
vibeYoutube(videoId);
$(event.target).val("");
}
function vibeYoutube(videoId) {
const iframeMarkup =
'<iframe id="vibe-video" width="560" height="315" src="//www.youtube.com/embed/' +
videoId +
"?enablejsapi=1? allowfullscreen></iframe>";
$(".youtubeVideo").empty();
$(".youtubeVideo").append(iframeMarkup);
$("#vibe-notice").text("Successfully fetched the video ...");
var vibeStatus = gun.user().get("profile").get("watching").get("status");
}
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player(“vibe视频”{
活动:{
onReady:onPlayerReady
onStateChange:onPlayerStateChange,
},
});
}
// 4. 当视频播放器准备就绪时,API将调用此函数。
函数onPlayerReady(事件){
控制台日志(“打印”);
event.target.playVideo();
}
// 5. 当播放器的状态改变时,API调用此函数。
//该功能指示播放视频时(状态=1),
//玩家应该玩六秒钟,然后停下来。
var done=false;
函数onPlayerStateChange(事件){
console.log(事件数据);
}
函数stopVideo(){
player.stopVideo();
}
函数onPasteYouTube(事件){
var val=$(event.target).val()事件;
如果(!val.length){
$(“#振动通知”).text(“无效URL…”);
返回;
}
const videoId=getId(val);
vibeYoutube(videoId);
$(event.target).val(“”);
}
函数vibeYoutube(videoId){
常量iframe标记=
'";
$(“.youtubeVideo”).empty();
$(“.youtubeVideo”).append(iframeMarkup);
$(“#振动通知”).text(“成功获取视频…”);
var vibeStatus=gun.user().get(“profile”).get(“watching”).get(“status”);
}