ホームページ作成SEOマニアックス

wmv動画を埋め込む手順です。IEとMozilla系（FireFoxなど）両方で使用でき、ついでにIEのアクティブコンテンツの警告解除手順も掲載します。

• ホームページ作成SEOマニアックス
• 初級編
• 中級編
• 上級編
• お問い合わせ
• リンク集

私は動画をメインの仕事をしているので、htmlページ作成依頼が来たときなども、動画を扱う事が多かったりする。

今では普通に行っているが、初めて動画をwebページに埋め込む時にかなり調べまわった記憶が有るので、これから自分で作った動画を埋め込みたいと言う方もきっと悩んでいる部分も有ることでしょう。

と言うわけで、IE系、Mozilla系両方で上手く埋め込み出来て、IEのアクティブコンテンツの警告も出ないようにする手順を掲載します。

wmv動画はもう作ってあると仮定します。（作れなきゃ、こんなページ見ても意味無いので（苦笑））
そしてwmv動画はサーバーにアップしておきます。

次いで.wvxと言うメタファイルを作成します。

ここではkanaha11_launch.wmvと言うファイルを、http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/と言うサーバーのディレクトリにアップしたとします。

.wvxの中身は

<ASX version = "3.0">
<Entry>
<Ref href = "mms://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha11_launch.wmv" />
</Entry>
</ASX>

となり、ファイル名はkanaha.wvxとしてあります。
上記をコピーし、テキストエディターでご自分の環境にあわせて編集し、任意のファイル名を付けてください。

kanahaの部分を、自分の分かりやすい名前に変えてください。
多数のファイルが存在するのであれば、wmvと同じ名前にしておくと良いでしょう。

.wvxとは、デジタル メディアの中にファイル拡張子が .wmv であるビデオが含まれる場合の拡張子になります。

.wma等の音声ファイルの場合は.wax

WindowsMedia 6.x以前のファイルの場合は.asxと言う拡張子を付けます。
（詳しくはMicroSoftのWebページへのWindows Mediaの追加を参照してください）

メタファイルを作成したらサーバーにアップロードします。
任意の場所か、wmvと同じディレクトリでかまいません。

wmv動画とwvxメタファイルをサーバーにアップロードしたら、いよいよhtmlに埋め込みます。

インターネットエクスプローラー（以後IEと略）のみで観覧させたいなら

<object id="Player" width="320" height="240"
classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="autoStart" value="False">
<param name="URL" value="http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha.wvx">
</object>

上のように、通常のobjectタグでコントローラーを表示すればよいのですが、これだとFireFoxやNetscapeなどのMozilla系ブラウザでは画面が真っ白で何も表示されません

FireFoxやNetscapeでも観覧可能にするには、embedタグを使う必要があります。

<object id="player" width="320" height="285"
classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="autoStart" value="false">
<param name="URL" value="http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha.wvx">
<embed name="WMP" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha.wvx" width="320" height="285" autostart="0" showcontrols="1"></embed></object>

上記のように、IE用のobjectと、Mozilla用のembed両方を記してやる事で、殆どのブラウザに対応できるようになります。
objectかembedどちらか片方だけなんていう間抜けな真似をするのはやめましょうね（苦笑）

ちなみに上の例は、ページを開いても自動再生しない設定になっています。

自動再生させるには

<param name="autostart" value="false">　<!-- 自動再生無効（IE） -->
<param name="autostart" value="true">　<!-- 自動再生有効（IE） -->
autostart="0"　<!-- 自動再生無効（Mozilla系） -->
autostart="1"　<!-- 自動再生有効（Mozilla系） -->

wmvの埋め込みをしたページをIEで開くと、↓ このように

アクティブコンテンツは表示されないよう---中略---制限されています
と警告が出てしまいます（IEマヂでウザイ！）

こんなのが毎回出てきてはウザイだけではなく、折角作った作品も見てもらえないという可能性があります。

これを回避する方法は...

<!-- saved from url=(0022)http://your_site_domein.com -->

↑これをタグの中に書き込めば回避されます。
your_site_domein.comは、あなたのドメイン名と置き換えてください。

例としてはこんな感じ↓

<!-- saved from url=(0022)http://www.seo-maniax.com -->

<object id="player" width="320" height="285" class="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<param name="autostart" value="false"> 

<param name="URL" value="http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha.wvx"><embed name="WMP" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.seo-maniax.com/high-rank/wmv-ie-mozilla/kanaha.wvx" width="320" height="285" autostart="0" showcontrols="1"></embed></object>

これでIEでwmvを埋め込んだページを開いても、アクティブコンテンツ表示のアラートは出なくなります。

するとこんな感じになります。

この動画は知人のボートの進水式を編集した物です。暇な方は見てください（笑）

ちなみに編集手順はリファレンスオブノンリニアに記してありますので興味のある方はどうぞ♪

<<<前の記事へ | 次の記事へ>>> このページのトップへ

Copyright 2008-2010 ホームページ作成SEOマニアックス All Rights Reserved.