Вставить видео с YouTube, оставаясь строгим XHTML 1.0? - PullRequest
Новая
       18

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

6 голосов
/ 15 февраля 2009

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

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

Ответы [ 3 ]

6 голосов
/ 15 февраля 2009
3 голосов
/ 21 декабря 2009

Существует веб-страница 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 голос
/ 15 февраля 2009

+ 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, параграфом или чем-то еще .. .

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

...