• 締切済み
  • すぐに回答を!

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

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

共感・応援の気持ちを伝えよう!

みんなの回答

  • 回答No.1

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

共感・感謝の気持ちを伝えよう!

質問者からの補足

回答有難うございます。返事が遅れて申し訳ありません。 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> わかりますか?

  • 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を使っています。

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

    ジャバスクリプトで作成したプルダウンメニューが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
  • 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 width="350" height="292" src="http://www.youtube.com/embed/ck5zvPS288k?rel=0" frameborder="0" allowfullscreen></iframe>

  • HTML ローディングGIFを貼り付ける

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

  • アメブロにユーチューブを貼り付けたいのですが・・・

    今まで何度かアメブロにユーチューブを貼り付けていたのですが、 最近なぜかできなくなりました。 ユーチューブ以外のデイリーモーションとかニコニコ動画はできます。 でも、ユーチューブの埋め込みコードを貼り付けると、 その、そこの部分だけ空白(?)になります 詳しく言うと本来動画が表示されるところが何も表示されません(←説明下手でごめんなさい; どうしたらいいですか? 回答よろしくお願いします。   ↓貼り付けたいのがこのコードです <iframe title="YouTube video player" width="853" height="510" src="http://www.youtube.com/embed/YDQWxMBKjn0" frameborder="0" allowfullscreen></iframe> ↓2010/7/7 on sale 3rd.Single「少女は真夏に何をする?」MV http://www.youtube.com/watch?v=YDQWxMBKjn0

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

    <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