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

问题描述 投票:22回答:3

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

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

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

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

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

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

javascript youtube-api
3个回答
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();

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>

0
投票

所以这是最快捷的方式!

打开开发者选项

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

按Control / Command + Shift + C.

选择按钮

添加id到它。

转到控制台并运行以下命令

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

而已!

© www.soinside.com 2019 - 2024. All rights reserved.