• 締切済み

埋め込み動画の最初の画像を別のものにするには?

youtube等の動画を埋め込み、さらにデフォルトのサムネイル表示(youtube等で再生前に表示される画像)を別の静止画に指定したいのです。さらにその静止画をクリックすれば動画再生されるように。 下記のソースで埋め込みはできるのですが、別の静止画を置き換えるような方法がわかりません。 よろしくお願いします。 <iframe src="//www.youtube.com/embed/xxxxxxxxxxxx" width="500" height="300" frameborder="0" allowfullscreen></iframe>

みんなの回答

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

YouTubeのヘルプに書いてあります。 https://support.google.com/youtube/answer/72431?hl=ja

yasyas999
質問者

補足

回答有難うございます。返事が遅れて申し訳ありません。 HELP参照とのことですが、Youtube意外にも使えるようにタグで回答いただけると大変ありがたいです。

関連するQ&A

  • YOUTUBEの埋め込み動画にZ-INDEX

    埋め込み動画のembed内にwmode="transparent".を記述すればz-indexを効かせることができるそうですが、 当方の埋め込みコードは <iframe title="YouTube video player" width="" height="" src="http://www.youtube.com/embed/...=0" frameborder="0" allowfullscreen></iframe> という形で、”embed内”というのが見当たりません。 試しにheight=""の次あたりにwmode="transparent".を記述しましたが、効きませんでした。 どのようにすればよろしいでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 甲子園フォーム規制?

    <iframe width="420" height="315" src="http://www.youtube.com/embed/CgYcrfia-eQ" frameborder="0" allowfullscreen></iframe> わかりますか?

  • プルダウンメニューが動画の下に隠れる

    ジャバスクリプトで作成したプルダウンメニューがXPのIE8だとYOUTUBEの動画の下に隠れてしまいます YOUTUBEのタグに「wmode=transparent」をいれているのですがこの他にもなにかいれなければいけないのでしょうか? <iframe width="396" height="236" src="http://www.youtube.com/embed/xxxxxx?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe> その他のWINのクロームやその他のブラウザでは大丈夫なのです(MACはサファリ/クロームで通常に動作します) よろしくお願いいたします

    • ベストアンサー
    • HTML
  • youtubeの動画をサイトに埋め込む

    この操作をして、 youtubeから動画を 埋め込みコードから サイトに取り込む作業をしました。 <iframe width="560" height="315" src="https://www.youtube.com/embed/smDcJkW20P0?controls=0" frameborder="0" allowfullscreen></iframe> しかしながら、 本文にHTMLタグは使用できません。 無効なHTMLタグを削除しました。 という文面が出て作業を拒否されました。 しかし、そのサイトでは、他の方々は、インストールに成功されています。 これはもう無理なのでしょうか。 解決策はありませんでしょうか。 windows 8.1を使っています。

  • webサイトのyoutube動画のURLの変更

    数年前に公開しているwebサイトに埋め込んだyoutube動画があるのですが、 新たに追加してyoutube動画を入れると、表示されなくなりました。それで、前から表示されているyoutube動画のURLだけを新動画のURLに差し替えても、表示されません。 原因がわからないので困っています。 windows 8.1 Microsoft Expression Web 4で作成。 googleクロームでの表示です。 宜しくお願い致します。 コードです。 <iframe width="560" height="315" src="https://www.youtube.com/embed/x7NQNQwUfeY?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> 560 315 はもっと大きく変更しました。

  • アメブロでの音楽自動再生について。

    今、私のblogにはこのタグをつけてるのですが、 <iframe title="YouTube video player" width="30" height="25" src="http://www.youtube.com/embed/qHssb9-gn6k?rel=0" frameborder="0"&autoplay=1 allowfullscreen></iframe> 自動再生されず、手動じゃないと再生されないんですが、どうすれば自動で再生されますか? あるblogのやり方でしてみたんですが、 blogには再生ボタンがついており、 それを押さないと再生されないんです>< なにかいけない点があるのでしょうか? ご回答の方を宜しくお願いします。

  • 自動再生をとめても再生されます

    <iframe src='http://www.vlive.tv/embed/52671?autoPlay=false' frameborder='no' scrolling='no' marginwidth='0' marginheight='0' WIDTH='544' HEIGHT='306' allowfullscreen></iframe> 自動再生しないように、falseにしているのですが、スマホでは止まるのですが、グーグルクロームでは自動再生されます。 どのようにタグを変えたら自動再生されないでしょうか? 教えてください、よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • この曲の原曲を探しています!

    「斉藤祐紀 - ずっとさよなら」の原曲を探しているのですが、自力で検索しても出てきません。 誰か知っている人はいないでしょうか? 覚えているのは、その曲が当時マハラジャでかかっていたことくらいです。 (かかっていたのは原曲のほうです) <iframe width="350" height="292" src="http://www.youtube.com/embed/ck5zvPS288k?rel=0" frameborder="0" allowfullscreen></iframe>

  • 動画の表示について

    プログラム初心者です 簡単な掲示板を作っています。動画のurlが含まれていたら動画が再生できるプレイヤーを表示したいです 具体的にはニコニコ動画とyoutubeの動画のurlだったらそれぞれの動画が再生できるプレイヤーを表示する方法を教えてください urlは一部の文字列が決まっているみたいです http://www.nicovideo.jp/watch/sm1136355 http://www.youtube.com/watch?v=s0SE8GMgeEI youtubeの埋め込みコード <iframe width="420" height="315" src="//www.youtube.com/embed/s0SE8GMgeEI" frameborder="0" allowfullscreen></iframe> ニコニコ動画の埋め込みコード <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm1136355"></script> メッセの中にurlが入っていたらその部分をプレイヤー表示にする方法がわかりません $mes = "ニコニコ動画の動画http://www.nicovideo.jp/watch/sm1136355"; $pattern = ""; $mes = preg_replace($pattern, '', $mes); この方法はセキュリティ的に危ないでしょうか? 他にわかりやすいサンプル作ってもらえると助かります よろしくお願いします

    • ベストアンサー
    • PHP
  • HTML ローディングGIFを貼り付ける

    今スマホ用のサイトを作っています。その中に一部youtube動画埋め込みが入っています。だが3G回線だと表示に時間がかかってしまいます。読み込み中はローディングgifを貼りつけたいと思っています。どうすればgifを表示できるでしょうか? こんな埋め込みタグを使っています <iframe width="330" height="180" src="http://www.youtube.com/embed/nXwBwbiHCxw" frameborder="0" title="動画">#</iframe>

専門家に質問してみよう