gpt4 book ai didi

javascript - Jquery TubePlayer 插件未按预期运行

转载 作者:搜寻专家 更新时间:2023-11-01 05:07:24 25 4
gpt4 key购买 nike

TubePlayer 是一个 jQuery 插件,它实现了 YouTube 播放器 API,并允许我们为 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>

谁能帮帮我。谢谢。

最佳答案

对于上述问题,我很抱歉。我发现了问题,只是在 API 文档页面中注意到了这一点。如 documentation 中所述,我们需要在带有测试脚本的网络服务器上。不知道,我怎么错过了那个部分。以后阅读时需要更加集中注意力。

我引用了文档页面:

“任何包含 YouTube 播放器的 HTML 页面都必须实现一个名为 onYouTubePlayerReady 的 JavaScript 函数。当播放器完全加载并且 API 准备好接收调用时,API 将调用此函数。
注意:要测试这些调用中的任何一个,您的文件必须在网络服务器上运行,因为 Flash 播放器限制本地文件和互联网之间的调用。 "

上面的代码工作正常。谢谢。

关于javascript - Jquery TubePlayer 插件未按预期运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6746928/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com