web-dev-qa-db-ja.com

マウスをその上に置いた場合でも、「youtube」の上部にあるバーを非表示にする方法は?

YouTubeビデオを埋め込むことを試みていますが、マウスがその上に移動したときに上部のバーが表示されないようにする方法を発見していません。私の目的では、ユーザーがビデオを再視聴できる元のビデオへの直接リンクを持たないことが重要です。次のリンクは、YouTube内の埋め込み機能のコマンドを提供します。

https://developers.google.com/youtube/player_parameters#Overview

コントロールとdisablekb機能を使用して、ビデオをスキップして再生する視聴者の能力を制限しました。今必要なのは、ビデオの上部に表示されるバーを無効にすることです。

(私が得たところ http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1

65
user2701033

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

112

showinfo=0は、25/09/2018で廃止されたため、機能しなくなります。

https://developers.google.com/youtube/player_parameters#showinfo

9
Daut

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のようにvolumeplayポーズexpend.

8
Umang Patwa

以下は私のために働く:

?rel=0&amp;fs=0&amp;showinfo=0

8
Shirley Ashby

あなたはそれが私のために働いているこれを試すことができます。

<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ビデオ:

  • YouTube動画を選択し、[共有]をクリックしてから[埋め込み]をクリックします。
  • 埋め込みコードを選択してコピーします。
  • Verison = 3 www.youtube.com/embed/VIDEOID?rel=0?version=3の後に変更を開始します
  • 各項目の間に必ず「&」を追加してください。
  • 自動再生の場合:「autoplay = 1」を追加します
  • Forループ:「loop = 1」を追加
  • コントロールを非表示にします:「controls = 0」を追加します

詳細については、このリンクをご覧ください https://developers.google.com/youtube/player_parameters#autoplay

ありがとう
バニヤンのテーマ

6
Jilani A

YouTubeビデオを開きます。共有オプションをクリックします。共有オプションで、埋め込みタグをクリックします。埋め込みタグにはいくつかのチェックボックスがあります。ビデオタイトルとプレーヤーのアクションを表示する場合はオフにします。この後、フレームタグをコピーします。

<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
0
Jeevan Pawar