我正在尝试为一个客户端构建一个YouTube应用程序接口播放器,我正在尝试构建的内容需要YouTube播放器能够立即切换(以避免在转换之间加载动画)。
这到底有没有可能做到?
我试着这样做:
<a name="ytplayer"></a>
<div id="ytplayer_div1">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<div id="ytplayer_div2">
function ytplayer_render_playlist(){
for(var i=0;i<ytplayer_playlist.length;i++){
var img = document.createElement("img");
img.src="http://img.youtube.com/vi/" + ytplayer_playlist[i] + "/default.jpg";
var a=document.createElement("a");
a
我使用的是Youtube Javascript API,但这可能与这个API没有直接关系。
ytplayer.addEventListener("onStateChange", "foo");
如果"ytplayer“的状态改变,foo将被退出!
function foo() {
//how to get "ytplayer" in here?
}
可以查询是什么触发了foo()函数内部的foo()函数吗?这听起来很奇怪,也很难解释。想象一下,我有多个ytplayer,比如ytplayer1,ytplayer2,等等,一旦它的状态
<html>
<body>
<div id="ytplayer_div1">You need Flash player 8 or higher to view this content.</div>
<script type='text/javascript' src='swfobject.js'> </script>
<script type='text/javascript'>
swfobject.embedSWF
(
&
我有一台。我想像一样向左对齐红色箭头。但是我不知道我该怎么做。顺便说一句,来自javascript端的红色箭头。
function ytplayer_render_playlist( )
{
var arrOfListNodes = Array.prototype.filter.call(document.getElementById('mylist').childNodes, function (e) {return e.tagName === 'LI';});
for ( var i = 0; i < ytplayer_play
我一直在使用提供的演示。我想知道的是,是否有一种方法可以使播放器HTML5或兼容ios设备。我似乎想不出我该怎么做?我不认为代码是开箱即用的,因为我在我的iphone上尝试过它,它似乎不起作用……我使用它的最大原因是因为我需要能够调整音量并获得视频事件的变化……
<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!DOCTY
这是一个
如果用户单击红色箭头,我希望跳过相关视频。
下面有原始的播放列表渲染功能,这与演示中的功能不同。修改原始函数的最简单方法,用红色箭头url替换img.src=值。但这并不是最聪明的方式,因为箭头图像是不动态变化的。那么,如何通过单击红色箭头让用户跳过相关视频呢?
function ytplayer_render_playlist( )
{
for ( var i = 0; i < ytplayer_playlist.length; i++ )
{
var img = document.createElement( "img" )
我有一个有多个youtube视频的页面。当有人点击对应于每个视频的链接时,我希望视频播放。
例如:当有人点击视频2链接,视频2播放。
HTML
<!-- This loads the YouTube IFrame Player API code -->
<script src="http://www.youtube.com/player_api"></script>
<iframe id="ytplayer" type="text/html" width="640" height=
我正在开发一个Google扩展,使用内容脚本。我想与嵌入YouTube视频播放器的页面进行交互。我已经将www-widgetapi-vfljlXsRD.js包含为一个JavaScript文件,并且在扩展沙箱中正确地初始化了YouTube命名空间。
我试图检索对现有iFrame播放器的引用。为了达到这个目的,我试了一下:
var ytplayer = new YT.Player('ytplayer');
ytplayer.pauseVideo();
其中div#ytplayer是嵌入实际播放器的iFrame。
我得到了这个错误,告诉我这个方法不存在:
TypeError: O
我有两个彩盒弹出框,每个都显示一个YouTube视频。当它们播放完后,我尝试让它们自动关闭colorbox窗口。下面的代码在火狐中运行得很好,但是在IE中我不能让addEventListener运行。我尝试过attachEvent,但没有成功。有没有人能就如何解决这个问题提供任何建议?这看起来很简单,但我已经精疲力竭地试图找到一个解决方案。
更新1:
这是我目前的代码。它在Firefox中工作得很好,但IE只输出好的。IE8调试器也不报告任何错误...
function onYouTubePlayerReady(playerId) {
if (playerId && pla
在中有一个Youtube的无铬Javascript播放器。除非用户单击播放器下面的播放列表图片,否则标题和时间不会显示。要显示标题和时间,用户必须单击一些播放列表图像,或者必须等待下一个视频。我想标题和时间被写入后,不点击任何第一个视频自动加载。可能存在javascript函数顺序问题。除了这个,我什么也想不到。
下面是所有代码,以帮助下一个人在未来
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans
我有一个嵌入式youtube播放器,当用户将鼠标悬停在播放器上或离开播放器时,我想触发一些操作。我似乎不能让这件事发生。
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('s
我正在使用YouTube应用编程接口创建一个播放器实例,然后加载并播放链接列表中的视频。每个链接都包含一个以视频ID作为其值的内联函数调用。然后JS获取ID并将该视频加载到指定的div (#player')中。
这工作得很好,但我现在需要做的是允许创建#player的多个实例。通过重复空的div,JS显然会因为重复的ID而停止。我尝试了许多不同的路由,因此它使用类而不是ID,但我只能通过在JS中手动创建每个实例来开始工作。这太可怕了,造成了太多的重复。
以下是代码片段
JS -
var tag = document.createElement('script');
ta