標準に準拠したまま(XHTML 1.0 Strict)、YouTubeビデオを埋め込む方法はありますか?
前もって感謝します。
YouTube が提供する埋め込みコードから有効な XHTML への変換を自動的に行うTools4Noobs Web ページがあります。表示される追加のボタンを選択し、境界線の外観を微調整できます。小さな広告リンクも追加されますが、これは簡単に削除できます。
YouTube によって生成された例を次に示します。
<object width="425" height="349">
<param name="movie" value="http://www.youtube.com/v/AWCHdhyEdCc&hl=en&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/AWCHdhyEdCc&hl=en&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="349"></embed>
</object>
ここでは、Tools4Noobs によって変換されます。
<object type="application/x-shockwave-flash" style="width:425px; height:349px;" data="http://www.youtube.com/v/AWCHdhyEdCc?rel=0&fs=1">
<param name="movie" value="http://www.youtube.com/v/AWCHdhyEdCc?rel=0&fs=1" />
<param name="allowFullScreen" value="true" />
</object>
<div style="font-size: 0.8em"><a href="http://www.tools4noobs.com/online_tools/youtube_xhtml/">Get your own valid XHTML YouTube embed code</a></div>
<div>
末尾の を削除して、広告リンクを取り除くだけで完了です。
+1アンディヒューム
ちょうどそれを投稿しようとしていました。参考までに、これはFirefoxで機能しますが、サポートのニーズによって異なります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Testing</title></head>
<body>
<div>
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/2pNTrYd-4FQ&hl=en&fs=1" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/2pNTrYd-4FQ&hl=en&fs=1" />
</object>
</div>
</body>
</html>
すべてのアンパサンドをエスケープするようにしてください。オブジェクトだけをオンにしてページを検証しようとしただけなのかどうかはわかりませんが、div、段落などで囲む必要があると文句を言いました...
オブジェクトがマークアップの最初に来ることはできないと思います。