home  |  bbs  |  illust  |  photo  |  music  |  profile  |  link  |  mail
Calendar
2008.2
sun mon tue wed thu fri sat
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29  
 ≪ prev next ≫ 
Recent Entries
(6/24) Anycubic i3 Mega
(6/14) フィラメントのスタンド
(4/27) ぼくのロボット00
(3/26) しだれ桜3/26
(3/25) しだれ桜3/25
(3/24) しだれ桜3/24
(3/23) しだれ桜3/23
(1/12) 寒中見舞い
(1/7) 七草
(1/6) 日食
(1/1) New Year
(12/31) 大晦日
Recent Comments
(9/12 ryna)→ラムチョップ焼いちゃいました
(9/11 ラムチョッポ)→ラムチョップ焼いちゃいました
(5/14 ryna)→復活の林檎
(5/13 macpro5.1)→復活の林檎
(5/13 ryna)→初代MacProのグラボ
(5/12 macpro5.1)→初代MacProのグラボ
(5/11 ryna)→初代MacProのグラボ
(5/11 macpro5.1)→初代MacProのグラボ
(5/11 ryna)→初代MacProのグラボ
(5/11 macpro5.1)→初代MacProのグラボ
Recent BBS Entries
(7/23 ryna) おめでとーありがとー
(7/23 梨音) おめでとうありがとう…ん!?
(7/23 ryna) おめありでーす
(7/23 梨音) おめでとうありがとう(笑
(1/5 ryna) ことしも
(7/14 ryna) 新アイコン
(6/6 ryna) PHPバージョン
(3/12 ryna) 追加っ
(3/12 ryna) 禁止ワード
(5/9 ryna) おひさしっ!

objecctタグの件。続き。

これでどうだっ!

<TABLE cellpadding=0 cellspacing=0 border=0><TR><TD height="28" valign="middle">
<TABLE cellpadding=0 cellspacing=0 border=0 id="bgmtbl"><TR><TD>

<SCRIPT>activxwrite('<OBJECT classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="198" height="26" border="0" ><PARAM name="FileName" value="test.mid"><PARAM name="AutoStart" value="true"><PARAM name="PlayCount" value="0"><EMBED SRC="test.mid" width="198" height="16" autostart="true" loop="true"></EMBED></OBJECT>');if(navigator.appName=="Microsoft Internet Explorer"){document.getElementById("bgmtbl").border=1;}</SCRIPT>


<NOSCRIPT>
<OBJECT classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="198" height="26" border="0">
<PARAM name="FileName" value="test.mid">
<PARAM name="AutoStart" value="true">
<PARAM name="PlayCount" value="0">
<EMBED SRC="test.mid" width="198" height="16" autostart="true" loop="true">
</EMBED>
</OBJECT>
</NOSCRIPT>

</TD></TR></TABLE>
</TD></TR></TABLE>

・ポイント1
Win IE6のバグ回避のため、objectタグ2つの入れ子はしない。
優先順位は「WindowsMediaPlayerのobject」→「汎用embed」。

・ポイント2
MediaPlayerのPluginは、縁取りしないと見栄えが悪いので縁取り。<object border="1">は、WinのFirefoxで「内側のembedを使うのにobjectタグの枠線が表示されてしまう」問題があるのでボツ。border="0"のtableタグで囲っておいて、MediaPlayerだったらJavaScriptで後から縁取り(border=1)。
判定条件はとりあえず「Microsoft Internet Explorer」であること。これでは厳密じゃないかと思うけど、縁取りだけの判定だから良しとします。

・ポイント3
iframe内に置いたときに縦位置を合わせるために、その外側をtableタグで囲ってtd align="middle"。

・ポイント4
Win IEの「1回クリックしないとActiveXがアクティブにならない問題」(「非ActiveX問題」と命名) の解決のために外部JavaScriptファイルからdocument.writeでobjectタグを書き出し(関数名activxwrite)。

よし、画像イメージじゃなく、実装してみよう〜。

↓こんなんでました。

※重かったのでリンクにしました。



みなさん、どんなふうに表示されてますかね?今回、いろいろやってて思ったのは、「MSIEふざけんな!」と。バグとか特殊な仕様とか盛りだくさん。
MediaPlayerのデザインも気色悪いし。
ver11入れたら、↓こんなんなっちゃったよ(これは画像)。
MSさんよ、こりゃ「カエルの家になります〜」とか言ってる場合じゃないぜ。

それにしても、手打ちでHP作るのは楽しい(笑)
 comments
name:ryna (2008.2.15 0:47)
なんか一瞬(風呂に入ってる間)、表示が乱れてた……ハズ。
肝心な部分の外側、IFRAMEのオプションが「○scrolling」→「×scroll」になってた。
手打ちってムズい……。
このEntryにコメントする
name:
comment:
※name,commentは必須です。
nameをブラウザに記憶させる
このEntryへのリンクURL:
Information
about "Gallery ryna"
ryna's Gallery
illustration gallery
photo gallery
music list
Links
■ お友達サイト
らくてんまるのあな
ladyluck games
Fulcrum
王様と小ゾウ
Kousin×3
きまぐれTの個人的(?)情報発信
SUZU-NET
CROWE
おえかき上達への道
Cybergal Studio
イミアリスケッチ
めーたんブログ。
teadays
■ Collaborate
PokePoke
R3Project
■ デジカメ関係
キヤノン株式会社
株式会社ニコン
FUJIFILM
PENTAX
株式会社リコー
エプソン
TAMRON
SIGMA
スリック
ベルボン株式会社
ケンコー・トキナー
ハクバ写真産業株式会社
マルミ光機株式会社
株式会社エツミ
raynox
ワールドルーペハウス
LAMDA ラムダザック
Adobe Systems
市川ソフトラボラトリー
SILKYPIX
GANREF
DIGISCO.COM
でじすこや
デジスコ倶楽部