掲示板/JavaScript質問板/過去ログ/一覧/ プラグイン上に適当な画像を表示

0 名前： ttss ： 2006/08/18（金） 08:15 ID:inW/4n4u: http://www.game3rd.com/flash/scripter/dhtml.htm
上記に「プラグインは常に最前面」
とあります。

MediaPlayerの画像が表示される箇所の上に適当なimage画像、線や円(SVGで)を
JavaScriptで表示させようとしたのですが、やはりプラグインが上部に表示
されてしまいました(z-indexを高くしてもプラグインの下に表示されてしまいました)。

プラグインの上に適当なimage画像、線や円をJavaScriptで表示させる方法を
ご教授頂けませんでしょうか。
よろしくお願いします。

1 名前： sevi- ： 2006/08/18（金） 08:15 ID:PQukhZTw

position:absolute;等も同時に指定しないとz-index設定値は無視されると記憶しているが
その辺りの指定は問題ないだろうか?

序でだが、
プラグインの内、最も使われているものの一つと思われるFlashPlayerは、
以下のパラメータを指定すると背景が透過処理されると
同時にz-indexに従うようになると記憶している.
(もっともこの指定はブラウザを選ぶかもしれない)

sevi-

<param name="wmode" value="transparent" />

2 名前： ttss ： 2006/08/18（金） 08:15 ID:eMQphvT6: sevi-さんありがとうございます。

"position:absolute;等も同時に指定しないと"については確認致します。

Flash Playerについては、ご指摘どおり、wmodeで透過が可能なようです。
http://www.adobe.com/jp/support/flash/ts/documents/fl0306.html
http://www.koikikukan.com/archives/2006/03/17-021717.php

MediaPlayerではやはり無理なのでしょうか？？

3 名前： sevi- ： 2006/08/18（金） 08:15 ID:PQukhZTw

いや、こちらで質問の現象が確認出来なかったので、
コードに誤りが無いか聞いているのだが.

尚、当方では以下のコードにてIE上、MediaPlayerオブジェクトの
上位にDIV要素内容を表示可能である事を念のため確認している.

sevi-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
   <style type="text/css">
   #MediaPlayer
   {
			position:absolute;
			z-index:1;
			top:100px;
			left:100px;
			border:solid red;
			width:320px;
			height:240px;
   }
   #BOX
   {
			background-color:red;
			position:absolute;
			z-index:2;
			top:120px;
			left:120px;
			border:solid white;
   }
   </style> 
</head>
<body>
<div id="BOX">DIV<img width="100" height="100" /></div>
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
</object>
</body>
</html>

4 名前： ttss ： 2006/08/18（金） 08:15 ID:EPsZt.cL: sevi-さん sampleありがとうございます。
MediaPlayerの上にのることを確認しました。

>いや、こちらで質問の現象が確認出来なかったので、
>コードに誤りが無いか聞いているのだが.

自分が作成したコードに誤りがありました。

また、MediaPlayerを再生した場合(★部分を挿入)、MediaPlayerの上部にのった
#BOXはきえてしまうのですが、常に表示させたい場合は
どのようにしたらよろしいのでしょうか？
よろしくお願いします。

<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="FileName" value="sample.wmv"> // ← ★挿入
</object>

5 名前： sevi- ： 2006/08/18（金） 08:15 ID:PQukhZTw: 現象を確認した.

Mediaplayerは再生にDirectXのDirectShowを使っている.
DirectXは描画をWindowsOSの制御を介さずに直接処理する
筈なので,動画として描画される箇所はブラウザの描画制御から
独立して実行されると考えられる.

なので、恐らくMediaplayerコントロール自体にそういった
対処方法が用意されていない限り、動画部分の上に他のものを
描画させるのは無理ではないかと推測する.
(尚、再生制御パネル部分はこの限りではない.)

役に立てず、申し訳ない.

sevi-