web-dev-qa-db-ja.com

YouTubeの埋め込みから一時停止メニューの動画の提案/関連動画（クラス：ytp-pause-overlay）を削除する方法

埋め込まれたビデオが一時停止している間、Youtubeはビデオの提案を含むメニューを表示しています。 iframeの要素のクラスは「ytp-pause-overlay」です

コントロールを削除せずに削除するにはどうすればよいですか？

javascriptiframeyoutubeyoutube-apiyoutube-iframe-api
9
Sven

はい、可能です。 iframeコードでshowinfo=0?ecver=2を使用する必要があります。

例：

<iframe src="https://www.youtube.com/embed/pV1jC37ELmQ?rel=0&amp;showinfo=0?ecver=2" width="640" height="360"></iframe>
2
Eswarraj

Javascriptを使用して動画を読み込む場合 YouTube Player iframe APIPlayer Parameters を使用し、relの値を0に設定する必要があります。

例：

player = new YT.Player( 'player', {
    height: '390',
    width: '100%',
    videoId: 'y9QEQHe8ax4',
    playerVars: { 'rel':0}
    }
);

2018年10月に更新

Youtube relパラメータの動作を変更しました ：

Relパラメータの動作は、2018年9月25日以降に変更されます。変更の影響により、関連する動画を無効にできなくなります。ただし、プレーヤーに表示される関連動画は、再生されたばかりの動画と同じチャンネルのものである必要があることを指定するオプションがあります。

具体的には、変更前、パラメータの値が0に設定されている場合、プレーヤーは関連する動画を表示しません。変更後、relパラメータが0に設定されている場合、プレーヤーは、再生されたばかりのビデオと同じチャネルからの関連ビデオを表示します。

2019年10月に更新

あなたがビデオの所有者である場合の回避策を見つけました。

  1. 提供されているコード例を使用して、YouTubeにチャンネルからのみ関連する動画を読み込むように要求します。

  2. YouTubeに関連動画リストを削除するように強制するため。単に新しいチャンネルを作成し、必要な動画を非公開としてアップロードしました。新しいチャンネルのAllの動画がリストされていないことを確認する必要があります。つまり、Youtubeが同じチャンネルの関連動画を表示しようとすると、リストは空になるので、Youtubeは関連するビデオメニューをまったく表示しません。

  3. このソリューションをテストするには、シークレットセッションまたは別のブラウザを試してください。チャンネルを所有し、リストにない動画にアクセスできる同じアカウントでログインしている場合、YouTubeは関連する動画メニューを表示します。

1
shady sherif

私はこれを少しいじって、この解決策が私のために働いているのを見つけました：

私のブラウザはchromeバージョン73.0.3683.86
私のadblockplusはバージョン3.5です
adblock plusを使用して、その設定に移動し、左側の[詳細]をクリックして、[マイフィルターリスト]領域まで下にスクロールし、次の行を追加します。

.ytp-pause-overlay

[保存]をクリックして、ビデオを含むWebページをリロードします。

以下も追加しましたが、正確な問題を解決する必要はないと思いますが、念のために情報を掲載しています。これは、ビデオの最後にある提案/関連コンテンツのグリッドをブロックするだけだと思います。

/yts/swfbin/player-*/endscreen.swf
youtube.com ## div.videowall-エンドスクリーン
youtube.com ##時計関連

0
Jason B

これらのトリックをすべて（そして他の投稿からもいくつか）試した後でも、ytp-pause-overlayを取り除くことができませんでした。 DIDが実際に機能するのは、外側のdivで目的の寸法（pxを使用）を設定しながら、iframe自体の寸法を（パーセンテージを使用して）制限することだけでした。

例：<div style="height: 300px; width: 350px"><iframe style="width:90%" src...></iframe></div>

（インラインスタイリングはご容赦ください）

0
MiggyDaMic

提案された解決策はどれも私にはうまくいかなかったので、私はこれをページに追加することになりました：

<style>
.ytp-pause-overlay{
display:none;
}
</style>
0
Curious Mind

私にとっての解決策は、URLの最後に値「0」のパラメーター「rel」を追加することでした。

開発者ガイド ここ によると、「rel」パラメータの説明は次のとおりです。

このパラメーターは、最初のビデオの再生が終了したときに、プレーヤーが関連するビデオを表示するかどうかを示します。サポートされている値は0と1です。デフォルト値は1です。

値を「0」に設定すると、このパラメーターは、ビデオが一時停止されたときに提案されたビデオが表示されないようにします。

URLの例は次のようになります：https://www.youtube.com/embed/ABCDEFG?rel=0

0
joeshmoe301