2011-12-19 16 views
7

埋め込み時にビデオ上にオーバーレイされる "play on youtube"ボタンに乗る方法はありますか?私はクロムのないyoutubeプレーヤーを使用して調べたが、オーバーレイを削除する方法を見つけることができませんでした。誰かがこれを行う方法を試したり聞いたりしましたか?埋め込みビデオ上の "play on youtube"オーバーレイの削除

答えて

16

3つのパラメータは以下のとおりです。

showinfo=0 
controls=0 
autohide=1 

showinfo=0は、ビデオは、ビデオフレームの上にタイトルを表示しませんを確認します。 controls=0は、再生ボタン、ボリュームなどで下のバーを非表示にします。autohide=1は、それらの上に置かれるまでコントロールを非表示にします。

すべての公式ドキュメントはhereです。ビデオに

2を自動再生する:一度使ってプレーヤー上にカスタムボタンを使用して独自のオーバーレイを追加

+0

autohideは非推奨となりました。上記の回答で提供されているiframeプレーヤーAPIをご確認ください。 – JaysQubeXon

0

UPDATE:

はあなたがhttps://developers.google.com/youtube/player_parameters

例を参照 "modestbranding" 選手パラメータを使用してみました:手動で「遊ぶユーチューブ上の」オーバーレイを削除 http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0


は、利用規約に反していますサービスの

あなたのAPI Clientはないだろう、とあなたは奨励かにあなたのユーザーまたはその他の第三者のための機能を作成しません:変更を、交換したり、それ以外のYouTubeで提供YouTubeや第三者のウェブサイトへのリンクの機能を無効にしますYouTube APIまたはYouTubeプレーヤーを使用して検索結果を提供するか、

これはあまり説明されていませんが、利用規約に違反するとYoutubeがあなたのウェブサイトをブラックリストに載せることがあります。基本的にはすべてのビデオが105エラーコードを返して動作を停止します。これは私が一度に作業したサイトで起こりました.Googleに連絡してブラックリストを無効にすることは簡単ではありませんでした(ToSに沿って変更を加えた後)。私は重宝

2

その

1のための3つの回避策がある聞いて、ユーチューブプレーヤーから再生ボタンを削除することはできませんボタンは、その後の演奏を扱う、クリックしてJavaScriptの

3を使用してビデオを一時停止している:(ユーチューブ方針に対して、それが動作し、将来の任意の時点で壊れる場合があります)映像コンテンツのURLを抽出

embedd URL:あなたはそのためにあなたがビデオを自動再生するためにはJavaScriptを使用するようにする必要があり、それはデフォルトで自動再生しませんHTML 5を使用している場合

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID" 

上記のURLは自動でビデオを再生します。

もう一つ:ビデオが終了すると、それは再び、それは避けられない私の知識を事前として、再生ボタンビデオ情報を表示します。

12

私はそれが不可能であることが判明しました。 Playボタンを非表示にする唯一の方法は、ビデオの上にビデオを置くことです。これは、次のようにYouTubeからフェッチすることができます。 各YouTube動画には4つの画像が生成されています。彼らは、予想通り、次のようにフォーマットされています

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg 
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg 
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg 
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg 

をしかし、あなたが行うには、ビデオを再生されません代わりに、コントロールの画面をクリックすると、オーバーレイを追加すると、このビデオを再生次のjQueryを追加

jQuery('#overlay').click(function(){ 
     jQuery(this).hide(); 
     jQuery('#youtube_id').get(0).playVideo(); 

}); 
3

最も投票された回答がうまくいきます! (水曜日9月は9 '15) あなたは

  1. パラメータ&showinfo=0&controls=0&autohide=1ただ、映像ソースコードの後
  2. とSRC =に改行なし "..."
を置く必要があります

あなたはほとんどあなたが上記のケースで逃したと思います。

以下は私のコード例です。

<div> 
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen 
    src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1"> 
    </iframe> 
</div> 

それは...、このよう

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>` 

かのように、

<iframe src="//www.youtube.com/v/... 
      &autoplay=1 
      &showinfo=0 
      &controls=0 
      &autohide=1 
      &...></iframe> 

と私の例の結果のスクリーンショットをしないことを意味します。

(私はここで見るために私の評判の画像を投稿することができませんでした:http://i.stack.imgur.com/zC5lz.jpg)を

を忘れないでください!

  1. パラメータ&showinfo=0&controls=0&autohide=1ただ、映像ソースコードの後
  2. とSRCに改行なし
  3. = "..."
0

2017回答:

あなたがしている場合右下にある「YouTube」ロゴを参照すると、これはinfoパラメータで削除できます:

showinfo=1 

もちろん、これによって他の情報(ビデオタイトルなど)も表示されるため、望ましくない場合があります。それでも、ロゴは隠されています! :)

関連する問題