如何在 Youtube 中使用 Javascript 停止视频?
IT技术
javascript
youtube-api
2021-02-18 06:34:57
3个回答
您的视频正在请求启用 JSAPI,所以您非常接近!您所需要的只是对嵌入式播放器的有效引用。检查您的页面发现您正在使用“playerid”的 HTML DOM 元素 ID 来标识您的播放器。
例子:
<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();
以下效果很好,在 wamp 服务器上测试过。只需将下一行中的 11 位 ID 替换为您要播放的视频的 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>
所以这是最快的方法!
打开开发者选项
将鼠标悬停在 YouTube 播放按钮上。
按 Control/Command + Shift + C
选择按钮
给它添加id。
转到控制台并运行以下命令
var x = document.getElementById('id'); x.click();
而已!
其它你可能感兴趣的问题