YouTubeビデオを埋め込むことを試みていますが、マウスがその上に移動したときに上部のバーが表示されないようにする方法を発見していません。私の目的では、ユーザーがビデオを再視聴できる元のビデオへの直接リンクを持たないことが重要です。次のリンクは、YouTube内の埋め込み機能のコマンドを提供します。
https://developers.google.com/youtube/player_parameters#Overview
コントロールとdisablekb機能を使用して、ビデオをスキップして再生する視聴者の能力を制限しました。今必要なのは、ビデオの上部に表示されるバーを無効にすることです。
(私が得たところ http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1 )
YouTubeがshowinfo
パラメーターを廃止したため、この回答は機能しなくなりました。
&showinfo=0
を追加すると、埋め込みプレーヤーのタイトルバーを非表示にできます。元の動画へのすべてのリンクを完全に削除することはできません。これがあなたができる最善の方法です
<iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
このコードは、タイトルバー、コントロールのYouTubeブランド、コントロール(オプション、コントロールが必要な場合はdelete controls=0
)を削除します。ただし、動画リンクを含む動画には白いYouTubeロゴが表示されます。
更新1:これは、カスタマイズされたyoutube埋め込みプレーヤーコードを生成するために作成した新しいツールです- Advanced Youtube Embed Code Generator
showinfo=0
は、25/09/2018で廃止されたため、機能しなくなります。
https://developers.google.com/youtube/player_parameters#showinfo
You Tubecontrols
および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
を使用して削除titleおよび&controls=0
を使用して削除controlsのようにvolume、play、ポーズ、expend.
以下は私のために働く:
?rel=0&fs=0&showinfo=0
あなたはそれが私のために働いているこれを試すことができます。
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe>
</div>
Bootstapを使用したレスポンシブ埋め込み
任意のデバイスで適切にスケーリングされる固有の比率を作成することにより、ブラウザが包含ブロックの幅に基づいてビデオまたはスライドショーの寸法を決定できるようにします。
スタイルyoutubeビデオ:
詳細については、このリンクをご覧ください https://developers.google.com/youtube/player_parameters#autoplay
ありがとう
バニヤンのテーマ
YouTubeビデオを開きます。共有オプションをクリックします。共有オプションで、埋め込みタグをクリックします。埋め込みタグにはいくつかのチェックボックスがあります。ビデオタイトルとプレーヤーのアクションを表示する場合はオフにします。この後、フレームタグをコピーします。
<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>