- ベストアンサー
HTML上に重ねてFlashを表示させる方法
- HTML上にFlashを重ねて表示させる方法を教えてください。
- 重ねたFlashが他のdivより下に配置されてしまう問題が発生しています。
- 同日に開いた場合には、Flashを再生せずにHTMLが表示されるようにしたいです。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
多分全体的に Flash 外 のご質問だと思います。 > divタグでレイヤーにしてFlashをabsoluteで配置 > （bodyタグの下に書き込み）してみたのですが、 本当は（内容の実質は）Flash外の JavaScript CSS HTML の話になるのですが， Flash と関わったものとしては，次のページのサンプルが参考になるかもしれません。 「レイヤーを使用したFull Flash 」 http://f-site.org/articles/2006/09/09042615.html > 「２」に関しては、同日に開いたとき、 > 指定したキーフレームに飛ばして再生出来ることはわかったのですが、 これも Flash に入ってから対処するのではなくて， JavaScript で Cookie（クッキー） を保存して，Cookie の値によって（Cookieに保存した前回訪問時の時刻）によって，Flash を表示させるかさせないかを決めると思います。 （あえて Flash でするなら SharedObject だとは思いますが，ご質問の場合は，SharedObject（つまりActionScript） に立ち入るのは変だと思います。）
関連するQ&A
- HTMLにFlashを重ねて表示するJavascriptについて
以下のようなものを作成したいのですが、上手くいきませんので、アドバイスを頂けないでしょうか？ ※Flashのカテゴリで質問したところ、カテゴリ違いとアドバイスいただきましたので、こちらのカテゴリで再度質問いたします。 １．HTMLに重ねてFlashのオープニングのようなものを表示させ、再生が終わったらFlashが消えて、下のhtmlが見える。 ２．再生は一日に一度だけで、同日に開いた場合、重ねたFlashは再生せず、htmlが表示される。 「１」に関してFlashのカテゴリで質問したところ、 http://f-site.org/articles/2006/09/09042615.html を参考にするようアドバイスいただいたのですが、私の力量では、クリックではなくhtmlを開いたらFlashが再生するようできるのか分かりませんでした。 また、「２」に関しては、JavaScriptでCookieを保存することで、出来るとのアドバイスを頂きましたので、検索してみましたが、Flashの表示・非表示をどのように設定すればよいのか分かりませんでした。 いろいろ自分なりに検索し、試してみたのですが良い結果を得られず、皆様のお力をお借りしたいと思った次第です。 何卒、宜しくお願いします。
- ベストアンサー
- JavaScript
- Flashの表示について
FlashをSWFオブジェクトで表示しています。 回線が遅い場合、Flashが読み込まれる前に一瞬、Flashの表示領域の高さ(CSS)が反映されていない?のか、Flashの下に表示すべき領域がFlashの部分に表示されレイアウトが崩れます。 下記にFlashを表示させる部分に関係のあるHTMLとCSSを記載いたします。 ---------- HTML ---------- ・・・・・・・・・・・・・ <head> <script type='text/javascript' src='js/jquery-1.2.6.min.js'></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> </head> <body> ・・・・・・・・・・・・・ ・・・・・・・・・・・・・ <div id="top">・・・・・</div> <div id="flash"></div> <script type="text/javascript"> var flashvars = null; var params = { bgcolor: "#●●●"}; swfobject.embedSWF("movie.swf", "movie", "840", "250", "9.0.0","expressInstall.swf", flashvars, params); </script> <div id="buttom">・・・・</div> ---------- CSS ---------- #flash { width: 840px; height: 250px; } CSSの250pxが効いていないのかFlash領域の高さがない状態で、上のコンテンツ(div id="top">・・・・</div>)のすぐ下にコンテンツ(<div id="buttom">・・・・</div>)が表示されてしまいます。 解決策に関してどのようなことでも良いので教えてください。 よろしくお願いいたします。
- ベストアンサー
- その他([技術者向] コンピューター)
- flashをｈｔｍｌ上でクリックしたいのです
フラッシュはまったくの初心者です。 前にhtmlカテゴリで同じような質問をしたのですが、わかりづらい書き方だったのか回答がいただけませんので、あらためて質問させていただきます。 フラッシュ内にボタンなどを作るのではなく、フラッシュを含んだhtml上でそのフラッシュそのものをクリックして何らかの作用をさせる、みたいなことはできないのでしょうか。 例えば<div id="flash">～</div>の中にフラッシュを配置して<a>でリンクをつける、などといったことです。 もしくはフラッシュ内に何らかの記述をして、フラッシュ上をクリックしたときに<div id="flash">～</div>をクリックしたと同様の意味を持たせる、なんてことはできないでしょうか。 またわかりにくい書き方をしてしまったかもしれませんが、どうぞよろしくお願いいたします。
- 締切済み
- Flash
- Flashファイルの上にナビゲーションを配置したい
W750px×H300px のFlashファイルの左上に、W180pxの<ul>～</ul>でできたナビゲーションを配置したいのですが、Flashの下側にいってしまい、表示できません。 これは、できないことなのでしょうか？ <ul>～</ul>はcssのposition:absolute; で配置しようとしています。 すみませんが、お分かりになる方よろしくお願いします！
- 締切済み
- Flash
- HTMLのレイヤーとは？
別の質問で、レイヤーを重ねてみてはどうか、という回答を頂いたことがあります。レイヤーとは何ですか？ あるサイトで、画像の上に画像（周りを透過させたgifアニメ）を見ました。大変綺麗でした。また、その上に重ねられたgif画像は枠線を表示したテーブルの、その枠線の上まではみ出ていました。 どうやっているのだろうと思いソースを見たら <IMG SRC="上のgifアニメ" ALIGN="MIDDLE" NATURALSIZEFLAG="3"></div> <IMG SRC="下の画像" ALIGN="BOTTOM" NATURALSIZEFLAG="2"> とありました。CSSには #layer { position: absolute; の次にtop,left,width,heightvisibilityの設定がしてありました。 同じように画像を重ねる方法をタグ辞典で探したら、positionとz-indexで指定するよう書いてあり、指定する項目もよく似ていますがlayerの文字はありません。 layerとはどのようなタグでしょうか？
- ベストアンサー
- CSS
- FLASHが表示されない。
自作したFLASHの.swfファイルをアップロードして、 ホームページにURLとFLASH表示タグを貼り付けても、 ページにFLASHが表示されません。 「FLASH」と書いてある四角いものが出ます。 どうすれば、表示させることができますか？
- ベストアンサー
- その他([技術者向] コンピューター)
- ＨＰの背景をFLASHにしたい
ＨＰの背景をFLASHにしたく、いろいろとサンプルがあるサイトなどを見て タグなどを打ってみたのですがなにかFLASHが文字より前に来てしまっています どうすればＦＬＡＳＨの前に文字やテーブルなどを配置できるでしょうか お知恵をお貸しください 下が自分の書いているタグになります <HTML> <HEAD> <TITLE>●●●</TITLE> <META name="ROBOTS" content="NOARCHIVE"> <style type="text/css"> div#fla_css { position:relative; } div#fla_css div#html-layer { display:block; position:absolute; top:0px; left:0px; background:none; } </style> </head> <BODY background="png/ghg.png" text="#f5f5f5" link="#ffffff" alink="#fff5ee" vlink="#f8f8ff" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0> <div id="fla_css"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="100%" HEIGHT="161%" id="gimu" ALIGN=""> <PARAM NAME=movie VALUE="png/tippegee5.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="png/tippegee5.swf" quality=high bgcolor=#FFFFFF WIDTH="120%" HEIGHT="157%" NAME="png/tedyt" ALIGN="" TYPE="application/x-shockwave-flash"></EMBED> </OBJECT> <div id="html-layer"> <font color="#f5f5f5"> ●●● △△△ ■■■ </font> <BR><BR><BR><BR><BR><BR><BR><BR><BR> <TABLE border="3" align="right" hight="90" width="75"> <TR> <TD align="center" valign="middle"><A href="aaaaaa.html"><font color="#0000ff"><B>戻る</B></font></A></TD> </TR> </TABLE> </div> </div> </body> </html> なんとかFLASHをＨＰの背景にしたいと考えております よろしくお願い致します
- 締切済み
- Flash
- 動画の上に文字を乗せたい（HTMLレイヤータグ
フラッシュ動画を作成しました。（○○○○○○．ｓｗｆ） objectタグ（または embedタグ）でブラウザ上に再生させました。 この動画の上に、テキスト文字を乗せたいと思います（divレイヤータグ） マックfサファリでは動画と文字がレイヤー状態でうまく表示されましたが ウインドウズ関係のエクスプローラでは動画も文字も表示されません。ファイヤーフォックスでは動画のみが表示されました。 何かほかにウインドウズ関係ブラウザ用のレイヤータグあるのでしょうか。 そのレイヤータグの設置方法をご存知の方はご回答をよろしくお願いいたします。
- ベストアンサー
- HTML
- Flashの画像表示がおかしいのです
Flashで複数レイヤを使用して画像を重ねているのですが、表示のされ方がおかしくまります。（画像参照してください） （１）レイヤー１に長方形の各色１５枚の画像を重ねて配置 （２）レイヤー２にも同じ長方形の画像１２枚を配置。ただし１枚だけ は少し右下にずらして配置しています。 （３）参照画像の中心にある十字マークを中心とした水色の枠が、 実際の画像の大きさです これでわかると思うのですが、レイヤー２で一番下（左）に配置してある赤い画像が下半分切れていて白くなっています。 これは右下にずらして配置してる黒の画像を配置するとこのようになってしまいます。（黒の画像はわかりやすくするようにわざとずらして配置しています） このレイヤー２に限って、画像を重ねるのが１１枚までは特に問題ないのですが、１２枚目を配置すると１枚目の画像のみ重なった部分が白く消えてしまいます。 ちなみに１３枚目の画像を追加配置すると、２枚目の水色の画像も同じように白くなります。 また、この現象はレイヤーが２つ以上存在しないと起こりません。 原因がわからずこまっています。 何か回避策はないでしょうか？ ちなみに、Flash MXを使用しており、OSはWindowsXPです。 PCのスペックが影響してるかなと思い、別のWindows端末でやりましたが同じ現象になりました。
- ベストアンサー
- ホームページ作成ソフト
- IEでFLASHが表示されない。
上記のような質問はいくつかあったのですが、 私の場合はIEのみ(Firefox、Opera、Safariは正常)、FLASHが見えないのです。 別の質問として質問させていただきます。 以下のような状況です。 ・真っ白な画面で、許可などの情報バーが全く出ない。 ・ソースを見るとFLASHのタグが存在している。 ・右クリックをしてもFLashのメニューがでない。 FLASH、JAVAを最新のものにしたり、Cookie削除、再起動などしてみましたが一向に直りません。。 作成したFLASHは、全画面にでるよう、width、heightとも100%でalignもmiddleにしています。 また、FLASH全画面バグでcssでbodyやhtmlにheight:100%;など入れており、 それで他のブラウザで正常に表示されるようになりましたが、IEのみ全くの白紙のような状態でして。。 cssで指定している箇所は、それがあっても無くても真白状態で、あまり関係なさそうです。 他のサイトのFLASHを見ても特に問題なくみられます。 なにか他に考えられる問題が分かりましたら、教えて頂きたいです、 よろしくお願いします！
- 締切済み
- Flash
お礼
早々のご回答、有難うございます。 教えていただいた、 >「レイヤーを使用したFull Flash 」 > http://f-site.org/articles/2006/09/09042615.html を、やってみました。が、私の力量では、クリックせずにFlashを再生させるにはどうしたら良いのか分かりませんでした…。 アドバイス通り、他のカテゴリで聞いてみます。