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

StackOverflow https://stackoverflow.com/questions/549875

  •  23-08-2019
  •  | 
  •  

Вопрос

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

Заранее благодарю.

Это было полезно?

Решение

Флэш - Сатай:

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, абзацем или чем-то еще...

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top