youtubeの埋め込みタグ
なにも考えずにホームページやブログに
はり付けているのではないでしょうか？
そこでAnother HTML-lint gateway
というHTMLチェックサイトでチェックしてみました。
すると、下記のエラーがみつかると思います。
この時点での点数は「-10点」でした
そこでyoutubeの埋め込みタグ
<object width="425" height="355">
<param name="movie" value="http:⁄⁄www.youtube.com/v/test"></param>
<param name="wmode" value="transparent"></param>
<embed src="http:⁄⁄www.youtube.com/v/test"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="355">
</embed>
</object>を修正していくことにしましょう。
「空要素タグは <param /> と書くようにしましょう。」という文言。まずは
<param name="movie" value="http:⁄⁄www.youtube.com/v/test"></param>
<param name="wmode" value="transparent"></param>に注目してください。
「param」というタグは本来<param>〜</param>とは書きません。
<param />とするのです。よって
<param name="movie" value="http:⁄⁄www.youtube.com/v/test"></param>
<param name="wmode" value="transparent"></param>は
<param name="movie" value="http:⁄⁄www.youtube.com/v/test" />
<param name="wmode" value="transparent" />とするのが正解です。
つぎに「<object> には等価な内容を書くようにしましょう。」という文言について。
「object」タグは、「<object data="A" type="B">〜</object>」
というかたちで使います。
まず
<embed src="http:⁄⁄www.youtube.com/v/test"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="355">
</embed>という箇所に注目してください。
「<object data="A" type="B">〜</object>」のAには
「src="http:⁄⁄www.youtube.com/v/test"」の「""」で囲まれた箇所を入力します。
「<object data="A" type="B">〜</object>」のBには
「type="application/x-shockwave-flash"」の「""」で囲まれた箇所を入力します。
そしたら
<embed src="http:⁄⁄www.youtube.com/v/test"
type="application/x-shockwave-flash"
wmode="transparent" width="425" height="355">
</embed>という箇所は不要なので削除。
最後に「</object>」の直前にyoutube動画のタイトル名を入力してください。
すると下記のようになったと思います。
<object width="425" height="355"
data="http:⁄⁄www.youtube.com/v/test"
type="application/x-shockwave-flash">
<param name="movie" value="http:⁄⁄www.youtube.com/v/test" />
<param name="wmode" value="transparent" />youtubeのタイトル名
</object>このように書き換えるとエラーはなくなります。
修正前は-10点でしたが、修正後は99点になりました
IE（Internet Explorer ）とfirefoxで動作確認済みです。
万が一、上記に修正したことにより
youtubeが閲覧できなくなった場合は
ご連絡をいただけるとありがたいです。
ブログランキングに参加中！ 「なるほど」と思ったらクリックで応援してくださいね。
クリックするとブログランキングのページへ飛びます。そうすると
わたしのブログにポイントが加算されます。皆さまの1票が
「応援してくれてる人のために頑張ろう！」という気持ちにさせてくれます。
| 