2011-02-10 10 views
0

は、YouTubeのビデオから埋め込みコードの例です:YouTube W3C準拠のHTML埋め込みコードの作成方法ここで

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title>I AM YOUR DOCUMENT TITLE REPLACE ME</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
</head> 
<body> 
    <div> 

<object width="1280" height="750"> 
    <param name="movie" value="https://www.youtube-nocookie.com/v/WZ-1lfammjk?fs=1&amp;hl=en_US&amp;rel=0"></param> 
    <param name="allowFullScreen" value="true"></param> 
    <param name="allowscriptaccess" value="always"></param> 
    <embed src="https://www.youtube-nocookie.com/v/WZ-1lfammjk?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="750"></embed> 
</object> 

    </div> 
</body> 
</html> 

私は、これはW3C HTML 4.01厳格なバリデータを通過作られ、次のエラーを得た:

Line 13, Column 115: end tag for element "PARAM" which is not open 

Line 14, Column 55: end tag for element "PARAM" which is not open 

Line 15, Column 59: end tag for element "PARAM" which is not open 

Line 16, Column 16: there is no attribute "SRC" 

Line 16, Column 98: there is no attribute "TYPE" 

Line 16, Column 148: there is no attribute "ALLOWSCRIPTACCESS" 

Line 16, Column 173: there is no attribute "ALLOWFULLSCREEN" 

Line 16, Column 186: there is no attribute "WIDTH" 

Line 16, Column 200: there is no attribute "HEIGHT" 

Line 16, Column 205: element "EMBED" undefined 

は、私は何をすることができますこれを修正するには?私は経験が限られているので、詳細な答えは素晴らしいでしょう。ありがとう!

+0

聞いたことがあります。チェックしましたか?バリデーターは何について不平を言ったのですか? – Oded

+4

私たちの多くは、あなたがサポートしているすべてのブラウザでコードが動作し、誰が気にしているかぎり、HTML5とCSS3の不自然なサポートのため、しばらく前に検証をやめましたか? –

+1

doctypeとは? http://validator.w3.orgはあなたにそれが... –

答えて

5

これは、検証するバージョンによって異なります。 コードを確認するには、W3CValidation Service

ここにコードの一部を検証するdirect linkがあります。

EDIT

ではなく、この埋め込みコードを使用してみてください:

<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="https://www.youtube-nocookie.com/v/WZ-1lfammjk?fs=1&amp;hl=en_US&amp;rel=0"><param name="movie" value="https://www.youtube-nocookie.com/v/WZ-1lfammjk?fs=1&amp;hl=en_US&amp;rel=0" /></object>

この埋め込みコードはHTML 4.01うまく厳格なとHTML5で検証します。

1

これはW3C validatorを使用してください。ドキュメント全体ではなく、HTMLフラグメントとして検証するようにしてください。

関連する問題