噩梦与YouTube API和播放视频工作

Nightmare with YouTube API and the playVideo to work

本文关键字：播放 视频 工作 API YouTube 噩梦      更新时间：2023-09-26

我已经尝试在我的网站中实现YouTube API，直到几天前它还可以正常工作，经过数小时的无进展，我对基本设置进行了修改，当你已经在页面中嵌入iFrame时，我无法使其工作。

 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 onYouTubeIframeAPIReady() {
    player = new YT.Player('testplayer');
}
function playthevideo() {
    player.playVideo();
};
jQuery( document ).ready(function() {
    jQuery('.testing').on('click', playthevideo);
});

http://jsfiddle.net/parvavilla/GXC4e/

当你点击按钮时，控制台显示：

Uncaught TypeError: Object #<S> has no method 'playVideo'

你知道我在这把小提琴上做错了什么吗？

问题是您已经通过iframe加载了一个视频。API没有预料到这一点。你需要的只是一个普通的容器。在您的HTML:中

<div id="testplayer"></div>

然后在您的JavaScript中：

player = new YT.Player('testplayer', { videoId: 'M7lc1UVf-VE' });

JSFiddle：http://jsfiddle.net/GXC4e/2/

相关文章：