• 締切済み

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

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

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

4.10.16 The progress element ( http://www.w3.org/TR/html5/the-progress-element.html#the-progress-element )  を使います。 サイトのフォームを多機能にするHTML5の新要素5選(2/2)- @IT ( http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli08/02.html ) <progress>-HTML5タグリファレンス ( http://www.htmq.com/html5/progress.shtml ) プログレスバー.js - JavaScript ライブラリー - HTML5.JP ( http://www.html5.jp/library/progress.html )  

takuya12421242
質問者

お礼

回答ありがとうございます。プログレスバーでは無く、簡単なローディングgifを貼りたいと思っています

関連するQ&A

  • 甲子園フォーム規制?

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

  • 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
  • 埋め込み動画の最初の画像を別のものにするには?

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

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

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

  • httpsページにYoutubeを埋め込みたい

    httpsページにYoutubeを埋め込みたいのですが、 IEにて、セキュリティエラーが出てしまいます。 Youtubeヘルプ掲載されている 『HTTPS モードでの埋め込み』も試してみたのですが、 効き目がありません… http://www.google.com/support/youtube/bin/answer.py?hl=ja&answer=171780 埋め込んでいるコードは下記の通りです。 -------------------------- <iframe width="560" height="315" src="https://www.youtube.com/embed/(動画ID)" 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
  • フレームが表示されない…

    今HPを作成してるのですが、色々とタグを試しましたが出来ないの質問します。 自分は、ポケスペというタグで色々と作成できるHPスペースで作ってるのですが、 <p align="center"> <iframe src="http://pksp.jp/*/?o=1" name="menu" frameborder="0" width="20%" height="90%"> </iframe> <iframe src="http://pksp.jp/*/?o=2" name="main" frameborder="0" width="70%" height="90%"> </iframe> </p> というタグで、インナイフレーム?は表示出来るのですが。 <FRAMESET cols="50%,50%" frameborder="NO" border="0"> <FRAME name="left" src="1のURL"> <FRAME name="right" src="2のURL"> </FRAMESET> という、普通の?インナイじゃないフレームは表示されないのです。 どなたか、わかりますか?インナイじゃなくフレームを表示させたいのです。

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

    今、私の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>

専門家に質問してみよう