Javascript Youtube API无法使用AJAX加载
我有一个用HTML和PHP编写的页面,试图使用youtube IFrame API加载带有自定义id的youtube播放器。在我的代码中,id为Javascript Youtube API无法使用AJAX加载,javascript,jquery,html,ajax,youtube-api,Javascript,Jquery,Html,Ajax,Youtube Api,我有一个用HTML和PHP编写的页面,试图使用youtube IFrame API加载带有自定义id的youtube播放器。在我的代码中,id为player的div应该包含youtube播放器。我的HTML: <?php include("server/session.php"); ?> <!doctype html> <html> <head> <title>MuSync - Player<
player
的div应该包含youtube播放器。我的HTML:
<?php
include("server/session.php");
?>
<!doctype html>
<html>
<head>
<title>MuSync - Player</title>
<script type='text/javascript' src='http://www.youtube.com/iframe_api'></script>
<script type='text/javascript' src='javascript/jquery.js'></script>
<script type='text/javascript' src='javascript/getvideo.js'></script>
<link rel='stylesheet' type='text/css' href='player.css'></link>
</head>
<body>
<div align="center">
<h1> head </h1>
<div id='block'></div>
<div id="player"></div>
</div>
<script type='text/javascript'>
var ytp;
var owned = <?php echo $_SESSION['owned']; ?>;
if(owned==<?php echo $_GET['id']; ?>){
owned = true;
}
ytp = document.getElementById('player');
ytp.seekTo(10, true);
</script>
<!-- <input type="hidden" value="" id="videoId"/> -->
</body>
</html>
在我的HTML主页中尝试使用
seekTo
功能时,youtube播放器不会加载任何视频并向我显示错误消息。我的最终目标是每隔一段时间获取视频播放的当前时间,但我似乎无法运行API。。。任何帮助都将不胜感激。它显示了什么错误?@JBaczuk没有什么特别的,只是一个空的玩家说“发生了错误”。我怀疑这与我可能在加载播放器之前访问它有关?但我不知道如何修复此问题。开发人员控制台中有错误吗?@JBAczuk Nothing,它是空的。所以有几个问题。为什么不将iFrame与iframeapi一起使用呢不管怎样,它看起来像是用iframe替换div。为什么在创建播放器时没有事件触发器?我在这里看:
var vidId;
var time;
var video;
$(function(){
var id = getUrlParameter('id');
var jqxhr = $.ajax("server/getvideo.php?id=" + id)
.done(function(response){
var json = jQuery.parseJSON(response);
vidId = json['url'];
time = json['time'];
})
.fail(function(){
alert("Action Failed...");
});
});
function onYouTubeIframeAPIReady(){
video = new YT.Player('player', {
height: '390',
width: '640',
videoId: vidId,
playerVars: {'autoplay': 1, 'start': time}
});
}