YouTubeビデオを埋め込もうとしていますが、マウスが上にあるときに上部のバーが表示されないようにする方法を発見していません。私の目的では、ユーザーが元のビデオに直接リンクしてビデオを再視聴できないようにすることが重要です。次のリンクは、YouTube 内に機能を埋め込むためのコマンドを提供します。
https://developers.google.com/youtube/player_parameters#Overview
コントロールと disablekb 機能を使用して、視聴者がビデオをスキップして再生する機能を制限しました。今必要なのは、ビデオの上部に表示されるバーを無効にすることです。
( http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1を取得した場所)
以下は私にとってはうまくいきます：
?rel=0&fs=0&showinfo=0
you tube を削除するにcontrolsは、title次のようなことができます。
<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>
showinfo=0タイトルを削除するために使用され、ボリューム、再生、一時停止、拡張などのコントロール&controls=0を削除するために使用されます。
2021年に働く：
2021年の作業開始/一時停止時にアバターとタイトルを非表示にするなど、情報/コントロールのないレスポンシブ埋め込み。以前の回答に似ていますが、パディングハックの代わりにアスペクト比を使用し、デモを使用しています
コントロールが必要な場合は、JS APIを使用して独自のものを作成できます。ただし、YouTube ビデオをどのように埋め込んでも、何らかの方法でソース内で見つけることは常に可能です。
<div class="youtube-container">
<iframe src="https://www.youtube.com/embed/WhY7uyc56ms?autoplay=1&mute=1&loop=1&color=white&controls=0&modestbranding=1&playsinline=1&rel=0&enablejsapi=1&playlist=WhY7uyc56ms" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
.youtube-container {
overflow: hidden;
width: 100%;
/* Keep it the right aspect-ratio */
aspect-ratio: 16/9;
/* No clicking/hover effects */
pointer-events: none;
}
.youtube-container iframe {
/* Extend it beyond the viewport... */
width: 300%;
height: 100%;
/* ...and bring it back again */
margin-left: -100%;
}
ユーチューブ動画を開きます。共有オプションをクリックします。共有オプションで、埋め込みタグをクリックします。埋め込みタグにいくつかのチェックボックスがあることがわかります。番組のビデオ タイトルとプレーヤー アクションのチェックを外します。この後、フレームタグをコピーするだけです。
<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>