Youtube で Javascript を使用してビデオを停止するにはどうすればよいですか?
-
11-09-2019 - |
解決
あなたのビデオは 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();
それでおしまい!
所属していません StackOverflow