Вставить видео с YouTube, оставаясь XHTML 1.0 Strict?

Есть ли способ встроить видео YouTube, оставаясь при этом совместимым со стандартами (XHTML 1.0 Strict)?

Заранее спасибо.

Источник

3 ответа

Решение

Флэш Сатай:

http://www.alistapart.com/articles/flashsatay

Источник

Существует веб-страница Tools4Noobs, которая автоматически выполнит преобразование для вас из встроенного кода, который YouTube дает вам в действительный XHTML. Вы можете выбрать дополнительные кнопки и настроить внешний вид рамки. Также добавлена ​​небольшая рекламная ссылка, но ее легко удалить.

Вот пример, сгенерированный 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&amp;fs=1">
    <param name="movie" value="http://www.youtube.com/v/AWCHdhyEdCc?rel=0&amp;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&amp;hl=en&amp;fs=1" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/2pNTrYd-4FQ&amp;hl=en&amp;fs=1" />
</object>
</div>

</body>
</html>

Обязательно избегайте всех амперсандов, и я не знаю, было ли это только потому, что я пытался проверить страницу, на которой был только объект, но он жаловался, что его нужно окружить div, абзацем или чем-то еще...

Я предполагаю, что объект просто не может быть первым в разметке.

Источник
Другие вопросы по тегам