Как показать видео от YouTube НАД катом от Blogger'а..

Здравствуйте! Не знаю чья здесь вина кода для вставки, который мы получаем от YouTube.com или встроенных расширяемых сообщений от Blogger'а, но как заметил Мирослав: Если мы даже расположили видео с YouTube НАД катом, видео мы увидим только на странице самого поста.

В этой статье я опубликовала два видео (извиняюсь, если у кого на Михаила Боярского аллергия - подхватила первое, что было под рукой) НАД катом (т.е. до ссылки читать далее). Если вы сейчас находитесь на странице поста, то чтобы увидеть эффект перейдите, пожалуйста, на страницу постов за февраль 2010

И вот первое вставленное над катом видео мы (на странице архива) не видим, зато второе видео мы не только видим, но и можем посмотреть ;)

Видео №1


Видео №2


Теперь под катом можно посмотреть объяснение.



Про YouTube давно известно, что код который они дают для вставки в блог не удовлетворяет стандартам XHTML 1.0 и возможно это стало причиной нелюбви Blogger'овского ката и встроенного видео от YouTube.

Так как по поводу встроенного ката от Blogger'а мы ничего сделать не можем (разве что использовать другие виды катов таких как: шапка невидимка или газетный стиль шаблона), зайдем со стороны внесения изменения в код предоставленный YouTube'ом для вставки в блог.

Хак я нашла в блоге Шведская мебель (который не имеет абсолютно ничего общего с мебелью из Швеции): http://ikeapimp.blogspot.com/2010/01/embedding-in-blogger-with-jump-breaks.html

А теперь описание изменений, внесенных в стандартный YouTube'овский код для вставки чтобы видео было видно "над катом" на любой странице, а не только на странице самого поста.

Вот такой код поставляет нам YouTube:

<object width="500" height="405"><param name="movie" value="http://www.youtube.com/v/tWruDePlABI&hl=en_US&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/tWruDePlABI&hl=en_US&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object>

А вот как мы его легко поменяли:

<object data="http://www.youtube.com/v/tWruDePlABI" type="application/x-shockwave-flash" width="500" height="405"><param name="movie" value="http://www.youtube.com/v/tWruDePlABI&hl=en_US&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/tWruDePlABI&hl=en_US&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object>

Полужирным я выделила, то что мы добавили в код. Адрес видео.url в добавленном фрагменте я выделила синим, чтобы вам удобнее было увидеть, что он точно такой же как и в других частях кода (выделено зеленым) от http:// до & (амперсент не включаем).

А вот это вам напоследок хорошее видео (как раз чей код мы модифицировали):



Не забывайте,
что вы все ЗАМЕЧАТЕЛЬНЫЕ ЛЮДИ!
Любви вам и Счастья!

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...