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

wmvやwvxファイルの埋め込み時、Mozilla用のembedタグはXHTML1.0 Transitional では文法上良くありませんので、script化して読み込ませる事で文法上も良くなります。IE、Mozilla共用で使用できます

wmv動画の埋め込み(IE・Mozilla系共用)でhtmlへのwmvビデオファイルの埋め込みを記したが、Mozilla用のembedタグをhtmlに書くと、実はXHTML1.0 Transitionalの文法上よろしくない。

サイトの文法をチェックするにはAnother HTML-lint gatewayと言う文法をチェック出来るサイトがありますので利用すると良いでしょう。

ではWindowsMediaファイルを埋め込んだページで文法を正しくするにはどうするか?

wmvの埋め込みタグをJavaScript化して、scriptを読み込ませれば問題は解決する。

と言うわけで、Scriptの記述例を説明します。

Advertisement

メタファイル(.wvx)の作り方はwmv動画の埋め込み(IE・Mozilla系共用)に掲載してありますので参考にしてください。

ここでの例は作成したメタファイル(.wvx)を、http://www.seo-maniax.com/high-rank/wmvjava-script/と言うディレクトリに、opening.wvxと言うファイル名で格納してあります。

スクリプトの中身は下記の通り

// opening.js
document.write('<object class="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="player" codebase="http://www.microsoft.com/Windows/MediaPlayer/" width="320" height="285">');
document.write('<param name="url" value="http://www.seo-maniax.com/high-rank/wmvjava-script/opening.wvx">');
document.write('<param name="autostart" value="false">');
document.write('<embed name="WMP" src="http://www.seo-maniax.com/high-rank/wmvjava-script/opening.wvx" autostart="0" showcontrols="1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2" width="320" height="285"></embed>');
document.write('</object>');
このようになります

この例ではファイル名をopening.jsとしてあります。
openingの部分をご自分の分かりやすい名前に変えてください。

ここの例で言えば、wmv、wvxファイルの名前がopening.wmv、opening.wvxと言う物を使用していますので、スクリプトの名前も分かりやすいようにopening.jsとしています。

複数のファイルが有る場合は、元のwmvと同じ名前にしておくと分かりやすいと思います。

1行目の// opening.jsは、自分が分かりやすければ良いです。(記さなくても良い)

2行目のdocument.write内にはIE用のコードで、プレーヤーのオブジェクト名とサイズ

3行目のdocument.write内にはWVXファイルのURL(IE用)

4行目のdocument.write内には、ページ表示時にオートスタートをするかしないか。例はオートプレイ無し(false

5行目はMozilla用のタグembedの中身が記してあります。

objectかembedどちらか片方だけなんていう間抜けな真似をすると、Firefox(embed)でしか観覧できない、または逆に、InternetExplorer(object)でしか観覧できないなんて事になりますので、必ずobjectとembed両方使ってくださいね!

自動再生の有効・無効については、wmv動画の埋め込み(IE・Mozilla系共用)を参照してください。

jsファイルを作り終わったら任意のディレクトリに転送します。

ここの例ではhttp://www.seo-maniax.com/high-rank/wmvjava-script/と言うディレクトリに、wmv、wvx、jsファイルを転送しています。

全てのファイルを作成したら、HTMLへscriptのパスを記載します

<script type="text/javascript" src="opening.js"></script>
opening.jsの部分は、ここの例ではこの記事と同じディレクトリに入れてある場合のパスになります。 ご自分の環境に合わせて記してください。

↓こんな感じで表示されます。


上の動画は駿河湾に釣りに行ったときの動画を編集した物です。
暇な方はご覧下さい(笑)

Advertisement
IE6 SWF埋め込みページで、Press OK to continue loading the content of this page ダイアログが出る現象の回避策
FLV動画を埋め込みしたページをインターネットエクスプローラー7で表示した後に閉じるとスクリプトエラーが発生することの回避手順。
フリーのJW FLV MEDIA PLAYERを利用した、簡単に出来るFLV(フラッシュビデオ)ファイルをHTMLに埋め込む手順。
Flashムービー(ビデオ)をhtmlに埋め込む手順です。通常のembedタグだと文法上良くありませんので、script化して埋め込む方法になります。
wmvやwvxファイルの埋め込み時、Mozilla用のembedタグはXHTML1.0 Transitional では文法上良くありませんので、script化して読み込ませる事で文法上も良くなります。IE、Mozilla共用で使用できます

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


■複数キーワードで検索する時は半角スペースで区切ってください
My Yahoo!に追加
IPv4アドレスついに枯渇!
迷惑極まりない問い合わせ
MTおよびMTOS 5.02 セキュリティーアップデート
ロリポップサーバーでのMT公開日時指定投稿(cron)設定
自サイトが悪意のある他サイトにインラインフレーム表示される
Gumblar対策
MTOS 5.0 アップグレード後、携帯サイトが文字化け
MTOS 5.0 アップグレード手順 SQLite
Firefox プロセス終了できない現象
不正なサイト乗っ取りの防止策
MT ファイルアップロード制限変更手順
Apacheサーバーでのindex Of 表示回避手順
SWFなどの埋め込みコンテンツがIE6でエラーダイアログが出る現象
MT4.261アップグレード手順
ロリポップサーバ、ディスク容量増加!
さくらインターネット .htmlをPHPとして動かす
MTOS 4.x インストール手順
MT 4.x ダウンロード 転送 パーミッション変更 SQLiteデータベース作成
さくらサーバーでの Index of 表示をさせない手順
phpのバージョン確認方法
Apache2.2 最新バージョン
PHP インクルード 文字化けする現象
コアサーバーでのcronの設定 MT4.x 日時指定で予約投稿編
サクラエディター 入力改行コードの指定 (LF)
ハッスルサーバーで Service Temporarily Unavailable が頻繁に出る
チカッパphp5バージョンアップ後のphp includeエラー対処
さくらサーバーで.htmlをphpとして動かす
FLVファイルの埋め込みでのIEスクリプトエラー対処
ロリポップサーバーでphp5バージョンアップ時のincludeエラー対処
ハッスルサーバーでMT4.2 PHP化注意事項
格安レンタルサーバーの比較
Google独自ブランドのブラウザGoogle Chrome登場!
Windows MediaPlayer11 でHTML埋め込みwmvが視聴出来ない現象
FLV動画の埋め込み手順
Safariでのcssレイアウトずれ対処
Firefox3 公開!IE7より9.3倍早い!!!
自宅サーバーでの検索エンジン対策
相互リンクと被リンク
metaタグを知ろう!
go-pear.phpが実行できない場合
SEOを考慮したサイトの引越し(301リダイレクト)
IE7でのレイアウトずれ対処
バックリンク(被リンク)について
Thumbs.db ファイルをFTPに残さない(作らない)
自宅サーバ でのwmv埋め込み+Firefox・Mozilla(Apache)
サイト整理=リンク切れのチェック
FireFox Add-ons Edit CSS
Flash(.swf)の埋め込み-IE・Mozilla系共有
wmvファイル埋め込み(Java Script 編)
wmv動画の埋め込み(IE・Mozilla系共用)
IEでのレイアウトずれ対処(css)
IE6以前でpng透過画像を使用する
フレームセットの利点と欠点
htmlファイル整理|ディレクトリ毎のファイル整理
検索エンジンを意識したサイトを作る
ホームページのタイトルと内容
MT作成サイトのPHP化手順
さくらサーバーでのPHPサイト構築
PEARのインストール(さくらサーバー編)
サクラエディターの使い方
サクラエディターのインストール

サイトマップ