FLASHの代替え画像を表示させるには?

このQ&Aのポイント
  • FLASHで見ることが出来るPCサイトをiPadやiPhoneでみると、空白で表示されるので、代替えのjpg画像を表示させたいのですが、方法が分かりません。
  • こちらのサイトにある方法も試しましたが、どの方法(<noebed></noebed>)でも表示されませんでした。
  • FLASHデータは'p_change.swf'、代替え画像名は020.jpgになります。必要な情報があればお答えしますので、よろしくお願い致します。
回答を見る
  • ベストアンサー

FLASHの代替え画像を表示させるには・・・?

FLASHで見ることが出来るPCサイトをiPadやiPhoneでみると、空白で表示されるので、代替えのjpg画像を表示させたいのですが、方法が分かりません。 こちらのサイトにある方法も試しましたが、どの方法(<noebed></noebed>)でも表示されませんでした。 コードは自分で書いていないので、詳しい内容が不明ですが、具体的に追加・変更するコードを教えていただけないでしょうか。 FLASHデータは"p_change.swf"、代替え画像名は020.jpgになります。 必要な情報があればお答えしますので、よろしくお願い致します。 実際のコードになります。 <div id="topImageBox"> <div id="topFlash"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="940" height="335" id="topflash1" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="p_change.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="p_change.swf" quality="high" bgcolor="#ffffff" width="940" height="335" name="p_change" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> 以下も試しましたがだめでした。私の記述の仕方が悪いのかもしれません。 <object data="Flashデータ名" type="application/x-shockwave-flash" style="width:サイズ; height:サイズ;"> <param name="movie" value="Flashデータ名"> <img src="kanban.jpg" width="サイズ" height="サイズ"> </object>

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

swfobjectというflashをobjectで読み込むのではなく、javascriptを使って読み込むという方法があります。 代替内容の記述が楽だと思います。 参考 http://unpco.com/archives/608

okosoyuhe
質問者

お礼

ありがとうございました。 参考サイトを見て以下の方法を試したところ、うまく表示されました。 他の方への参考に、方法を書いておきます。 1.参考サイトからswfobjectをダウンロードする→フォルダ内のswfobject.jsファイルをHTMLファイルと同じ階層に保存する(別階層の場合は相対パス/で) 2.表示させたいHTMLのヘッダーに以下のコードを入れる <script type="text/javascript" src="swfobject.js"></script> 3.flash画像部分に以下のコードを入れる(p_change.swfがFlashファイル名で代替え画像名が020.jpgです) <div id="topImageBox"> <div id="topFlash"> <img src="f_img/020.jpg" width="940" height="355" alt="Top Image"> <script type="text/javascript"> swfobject.embedSWF("p_change.swf", "topFlash", "940", "355", "9.0.0", "#ffffff"); </script> </div> とても分かり易かったです。

その他の回答 (1)

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

OBJECTはいくらでも入れ子にできますから、それがいちばん楽です。javascript未対応のブラウザは無論、検索エンジンにも有利です。なんと言っても簡単。 <object>  <object>   <object>    <object>     代替テキスト    </object>   </object>  </object> </object>  ⇒13.3 一般的包含: OBJECT要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.3 ) <object data="Flashデータ名" type="application/x-shockwave-flash" style="width:サイズ; height:サイズ;">  <param name="movie" value="Flashデータ名">  <object data="kanban.jpg" type="img/gif">   代替テキスト  </object> </object>

okosoyuhe
質問者

お礼

回答をいただきありがとうございました。 javascript未対応のブラウザでも表示されて、検索エンジンにも有利というのは良いですね。 先に返事をいただいた方法で試したところうまく表示が出来たので、別の機会にこちらの方法も試してみたいと思います。 ありがとうございました。

関連するQ&A

  • FC2でフラッシュ

    今FC2でHPを作成しているのですが、 フラッシュを貼り付けても、何も表示されません。 画像をアップロードして以下のようなhtmlを貼り付けたのですが、だめでした。 どのようにすれば、表示されるようになるか教えて頂けないでしょうか? <html> <head> <title>ホームページの練習</title> </head> <body> 初めてのホームページです。 <!--- FLASH(ASA.swf)表示部分 ---> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100" height="100" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="ASA.swf" /> <param name="wmode" value="opaque"/> <param name="quality" value="high" /> <embed src="ASA.swf" quality="high" width="100" height="100" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <!--- ここまで ---> </body> </html>

  • サイト内でフラッシュを再生しています。

    サイト内でフラッシュを再生しています。 よくあるサイトで、ページ上部に音声のオンオフボタンを見かけますが、 あれは、どうやったら実現できますか? ■ あくまでも、フラッシュ上ではなく、ぱんクズ部分とか違う場所でのボタンでのオンオフです。■ 実際のタグ等で説明お願いできませんでしょうか! ソースはこんな感じです。 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="204" height="225" align="middle" border="1" style=" margin-bottom: -225px;"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="swf/01.swf" /> <param name="quality" value="autolow" /> <embed src="swf/01.swf" quality="autolow" width="204" height="225" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> よろしくお願いします。

    • ベストアンサー
    • Flash
  • FLASHをHTMLに埋めPHPで送った画像...

    写真をアップロードして写真を表示させポストカードが 作成できるというFLASHを作成しました。 サーバー(ロリポップ使用)にアップしましたが OO.swfで確認したところ、動作していました。 OO.swfをhtmlに埋め込むと動作はしているのですが アップロードした写真の表示のみができません。 最近まではできました... 埋め込むとセキュリティか何か最近からひっかかるように なったのでしょうか? それとも埋め込み方にやり方があるのでしょうか? 色々と調べてもわからなく質問させて頂きました。 埋め込んだURL↓ http://monimal.main.jp/generator/postcard.html これを埋め込みました↓ <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab..." width="450" height="350" id="senkaku-0" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="senkaku-0.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="http://XXX/OO.swf.swf" quality="high" bgcolor="#ffffff" width="740" height="600" name="awa_yosa" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> これも埋め込みましたがだめでした↓ <!-- START FreeVideoCoding.com --> <embed src="http://XXX/OO.swf.swf" width="740" height="600" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> <!-- END FreeVideoCoding.com -->

  • Macでの表示がコマ送りのように遅い

    MXで書き出したデータをhtmlに載せ、表示させると Windowsでは問題なく表示されるのですが Macではコマ送りのようにとても遅く表示されてしまいます。 Windowsとかわりなく表示させるにはどうすれば良いのかわかる方、よろしくお願いします。 掲載タグ↓ <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/****/flash/swflash.cab#version=****" width="755" height="450" id="00" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="00.swf" /> <param name="quality" value="best" /> <param name="bgcolor" value="#000000" /> <embed src="00.swf" quality="best" bgcolor="#66ccff" width="755" height="450" name="00" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

    • ベストアンサー
    • Flash
  • フラッシュをランダム表記+個別リンク設定

    フラッシュ製作環境がないので、アクションスクリプトで リンク設定のできないswfがいくつかあり、これを個別に リンク設定させ、リロードごとにランダムに表示したいです。 リンク設定をしなければ、 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(3); simg[0]="○○"; simg[1]="△△"; simg[2]="□□"; Myimg=Math.floor(3*Math.random()); document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.c... width='180' height='150'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='"+simg[Myimg]+".swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><param name='LOOP' value='false'><embed src='"+simg[Myimg]+".swf' quality='high' bgcolor='#ffffff' width='180' height='150' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' loop='false' /></embed></object>"); //--> </SCRIPT> で、うまくランダムに表示されました。 しかし、これに各ファイルにリンクを設定したいのです。 ランダムにせずに1つだけのバナーなら <object type='application/x-shockwave-flash' data='○○.swf' width='180' height='150'><param name='flashvars' value='clickTag=http://○○.html&clickTarget=_self' /><param name='allowScriptAccess' value='always' /><param name='movie' value='○○.swf' /><param name='bgcolor' value='#ffffff'></object> でリンクは貼れたのですが、 ランダム表示の記述に組み合わせるすべがわかりません。 なにとぞよろしくお願いします。

  • swfファイル表示のタグについて

    <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="240" HEIGHT="235" id="2" ALIGN=""><PARAM NAME="allowScriptAccess" VALUE="sameDomain"><PARAM NAME="movie" VALUE="http://www.death-note.biz/up/img/30632.swf"><PARAM NAME="loop" VALUE="false"><PARAM NAME="quality" VALUE="low"><PARAM NAME="wmode" VALUE="transparent"><EMBED src="URL" loop="false" quality="low" wmode="transparent" WIDTH="240" HEIGHT="235" NAME="2" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" luginspage="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> 現在このようなタグを使っていて、フラッシュ内でハイパーリンクをつけているのですが、なぜかハイパーリンクを設定しているボタンを押しても無視されてしまいます・・・ 原因が分かる方よろしく終え願いいたします。

  • JavaScriptでFlashを表示させる方法

    フレーム対策としてJavaScriptを使っているのですが、JavaScriptがオンの時のみ Flashを呼び出すようにするのがうまくいかないので、ご指導お願いします <script type="text/javascript"language="javascript"> <!-- document.open(); document.write(" <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="400" align="middle">"); document.write("<param name="allowScriptAccess" value="sameDomain" />"); document.write("<param name="movie" value="aaa.swf" />"); document.write("<param name="quality" value="high" />"); document.write("<EMBED src="aaa.swf" quality="high" width="300" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_ Version=ShockwaveFlash"> </OBJECT>"); document.close(); // --> </script> 初めてJavaScriptを書いてみたのですが、やはりどこかおかしいようでswfファイルが表示されません どこが変なのか教えてください。よろしくお願いします

  • ココログにFlashの動画を貼り付けて見ることはできるでしょうか?

    ココログにsuzukaで作成したFLASH動画を貼り付けて見れるようにしたいのですが、上手くいきません。 「ファイルをアップロード」でswfファイルをUPすることはできますが「○○.swfのダウンロード」という表示になり、ファイルのダウンロードはできますが動画を見ることはできません。 こちらの過去ログから suzukaでSWF が作成されるとともに,SWFと同じフォルダに その SWF が貼り付いた HTML も同時に生成されるように保存し タグを貼り付けてやってみましたが、 FLASHがある気配(?)はありますが、その部分は真っ白で表示されませんでした。 質問は ・ココログにFLASHの動画を表示させることができるのでしょうか? ・できるとすれば、HTMLタグはどのようにしたらいいのでしょうか? 以上です。 ちなみに私が貼り付けてみたタグは <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="400" HEIGHT="300" id="ファイル名" ALIGN=""> <PARAM NAME="allowScriptAccess" VALUE="sameDomain"> <PARAM NAME="movie" VALUE="5.swf"> <PARAM NAME="loop" VALUE="false"> <PARAM NAME="menu" VALUE="false"> <PARAM NAME="quality" VALUE="high"> <EMBED src="ココログのアドレス/ファイル名.swf" loop="false" menu="false" quality="high" WIDTH="400" HEIGHT="300" NAME="ファイル名" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> ↑このタグの私が直した部分がおかしいために表示されないのかもしれないです・・・(汗) どうか、ご指導よろしくお願いいたします。

  • flashでつくったhtmlが中央にこない

    こんにちは。フラッシュ初心者です。 flashcs4でつくった4,5シーンのものを、htmlファイルでアップしました。 そのままだと左上によっているので、中央がいいなと思い調べると アドビのサイトや、こちらのサイトで簡単なやり方がのっていました。 http://www.adobe.com/jp/support/flash/ts/documents/center_flash.htm http://oshiete1.goo.ne.jp/qa3953391.html (←参考サイト) このやり方でdw上で自分もしてみたのですが、中央にならないのです。 adobeサイトのいうとおり<center></center>をいれても こちらのサイトでの<div align="center"></div>にしても dwで画面を二分割にしたときのデザイン画面ではセンターにかわりました。 でもいざhtmlを確認してみると左上のままになってしまっています。 何が原因なのでしょうか? ちなみに以下は自分ソースです。 こちらのサイトで紹介されていた、縦位置にも中央になる方でやっています。 <noscript> <div align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="1000" height="800" id="index" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="index.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="index.swf" quality="high" bgcolor="#ffffff" width="1000" height="800" name="index" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_jp" /> </object> </div> </noscript> どうかよろしくおねがいします。

    • ベストアンサー
    • Flash
  • swfobjectで表示させたswfをランダムに表示したい

    swfobjectで表示させているswfを、 リロードするたびにswfファイルを読み込んでランダムに表示させたいと思います。 下記のswfをランダムに表示させるサンプルソースを流用して 使用しようとしたのですが、javascriptに詳しくないのでうまく行きません。 <embed>タグ、<object>タグを使わずに、swfobjectの書き方に合わせる記述のしかたを教えていただきたいです。 <script type="text/javascript"> <!-- simg=new Array(2); simg[0]="index"; simg[1]="index2"; Myimg=Math.floor(2*Math.random()); document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.c... width='100%' height='100%'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='"+simg[Myimg]+".swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><param name='LOOP' value='false'><embed src='"+simg[Myimg]+".swf' quality='high' bgcolor='#ffffff' width='100%' height='100%' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' loop='false' /></embed></object>"); //--> </script>

専門家に質問してみよう