TubePlayer 是一个实施YouTube Player API的 jQuery插件,可让我们为YouTube视频创建自己的控件和组件。 TubePlayer Website 提供了开始使用它的提示。
然而,这对我不起作用。其网站上的This page演示了快速入门指南。我完全遵循它指定的但不起作用。
视频播放效果很好,但不知何故控制视频的链接无效。
代码有什么问题吗?如果你想尝试一下,这是代码:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js"></script>
<script>
$(function(){
jQuery("#youtube-player-container").tubeplayer({
width: 600, // the width of the player
height: 450, // the height of the player
allowFullScreen: "true", // true by default, allow user to go full screen
initialVideo: "ylLzyHk54Z0", // the video that is loaded into the player
preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
onPlay: function(id){}, // after the play method is called
onPause: function(){}, // after the pause method is called
onStop: function(){}, // after the player is stopped
onSeek: function(time){}, // after the video has been seeked to a defined point
onMute: function(){}, // after the player is muted
onUnMute: function(){} // after the player is unmuted
});
}) ;
</script>
</head>
<body>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("play")'>
Play
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("pause")'>
Pause
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("stop")'>
Stop
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("mute")'>
Mute
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("unmute")'>
Unmute
</a>
<div id='youtube-player-container'> </div>
</body>
</html>
请有人帮帮我。感谢。
答案 0 :(得分:9)
对不起上面的问题,我的不好。我发现了问题,只是在API文档页面中注意到了。如 documentation中所述,我们需要使用测试脚本在Web服务器上。不知道,我是如何错过那一节的。在将来阅读时需要更频繁地集中注意力。
我引用了文档页面:
“任何包含YouTube播放器的HTML页面都必须实现一个名为onYouTubePlayerReady的JavaScript函数。当播放器完全加载且API已准备好接听电话时,API将调用此函数。
注意:要测试任何这些调用,您必须在Web服务器上运行文件,因为Flash播放器限制本地文件和Internet之间的调用。 “
上面的代码工作正常。感谢。