RYU's HOME P@GE

YouTube 埋め込み検証

このページの目的

YouTube 提供の埋め込みコードに得體(えたい)のしれない「ゴミ」がある爲に HTML 4.01 では invalid になる問題に就いて、まさか HTML5 では valid、ぢゃなかった no error ぢゃあるまいなと思ひサンプルページを作って檢證(けんしょう)する。

このページの準據(じゅんきょ)仕樣

HTML 5

埋め込みコード

YouTube 提供の埋め込みコードから frameborder="0" を削ったもの。width="560" と height="315" は CSS で指定できますが、ここでは敢へてコードに從ふ。

<iframe width="560" height="315" src="https://www.youtube.com/embed/fEiLDq9mLMo?si=TQbnMZ6JN-wRFshn" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

埋め込み狀況

W3C Validator チェック

Nu Html Checker

なんとエラー無し (・・?

HTML 4.01 では invalid と怒られるのに。

Another HTML-lint チェック

Another HTML-lint で します。（少し時間がかかります）

結論…

といふ事で HTML 4.01 では得體(えたい)のしれない allow 屬性(ぞくせい)と allowfullscreen 屬性を削除するのが一番簡單な解決法となります、です。ﾅﾝﾀﾞｶﾅｰ

おまけ

• 2021 年 5 月 5 日追記

YouTube 動畫(どうが)を <object> で取り込む

HTML 4.01 Strict では iframe が使へないので object で取り込めるか何うか檢證する。

(2025-10-01) <object> では取り込めなくなったやうです。

埋め込みコード

YouTube 提供の埋め込みコードから frameborder 屬性(ぞくせい)、allow 屬性、allowfullscreen 屬性を取り除いたもの。

<object type="text/html" data="https://www.youtube.com/embed/fEiLDq9mLMo?si=TQbnMZ6JN-wRFshn" width="560" height="315">YouTube の再生に對應してゐません。</object>

埋め込み狀況

實際のページ

• （旧）リラックスページ - Calm Night Jazz

• サイトマップ

• ホーム