如何在Youtube中使用Javascript停止视频?

时间:2009-07-07 19:42:45

标签: javascript youtube-api

情况: here,我按了一些视频。

问题:我尝试在Firebug的控制台中通过Javascript停止视频:

player.stopVideo(playerid):Void   [1] [2]

问题:为什么上面的命令不起作用?

[1] Source部分为“player.stopVideo():Void”

[2]我从源头看到了Firebug的玩家。

3 个答案:

答案 0 :(得分:29)

您的视频正在请求启用JSAPI,因此您非常接近!您所需要的只是嵌入式播放器的有效参考。检查您的页面显示您正在使用HTML DOM元素ID“playerid”来识别您的播放器。

示例:

<embed id="playerid" width="100%" height="100%" allowfullscreen="true" allowscriptaccess="always" quality="high" bgcolor="#000000" name="playerid" style="" src="http://www.youtube.com/apiplayerbeta?enablejsapi=1&playerapiid=normalplayer" type="application/x-shockwave-flash">

要获取对播放器的引用,然后停止视频,请使用以下代码:

var myPlayer = document.getElementById('playerid');
myPlayer.stopVideo();

答案 1 :(得分:5)

以下效果很好,在wamp服务器上测试过。只需将以下行中的11位数ID替换为您要播放的视频。

http://www.youtube.com/v/***LpbzbyGjJGE***?enablejsapi=1&version=3&playerapiid=ytplayer
祝你好运。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a href="#" onclick="var myPlayer = document.getElementById('playerid'); myPlayer.pauseVideo();">Pause</a>
<a href="#" onclick="var myPlayer = document.getElementById('playerid'); myPlayer.playVideo();">Play</a>
<embed id="playerid" width="500px" height="400px" allowfullscreen="true" allowscriptaccess="always" quality="high" bgcolor="#000000" name="playerid" style="" src="http://www.youtube.com/v/LpbzbyGjJGE?enablejsapi=1&version=3&playerapiid=ytplayer" type="application/x-shockwave-flash">
</body>
</html>

答案 2 :(得分:0)

所以这是最快捷的方式!

打开开发者选项

将鼠标悬停在YouTube播放按钮上。

按Control / Command + Shift + C

选择按钮

为其添加ID。

转到控制台并运行以下

var x = document.getElementById('id'); x.click();

就是这样!