2. Как вставить аудио и видео Ну, во-первых, не будем заморачиваться умными словами «новые тэги html5» и прочими Во-вторых, рассмотрим пару самых широко распространённых вариантов В третьих, поймём, что всё просто
3. Что такое видео в вашей страничке? Видео – это фильм или клип. Просто сам по себе это файл. Он есть, мы можем его скачать и посмотреть у себя на компьютере через любой плейер. Но для того, чтобы показать этот самый файл на вашей странице в ЖЖ (или большинстве других сетей) – тоже нужен плейер.
4. Плейер на страничке Мы не знаем какие плейеры установлены у других пользователей компьютеров. Поэтому пока проблема решается просто: Вы свой фильм или клип или видеоролик заливаете на какой-нибудь сервис, который имеет свой собственный плейер и умеет проигрывать видео. Например youtube…
5. Как самим заливать видео? В принципе это очень просто, но мало кому надо. Поэтому сделаю отдельный урок по запросу. Сейчас научимся вставлять в свой блог чье-то чужое, уже выложенное на сервисе видео. Если непонятно – просто читайте дальше.
6. Что такое видео с точки зрения html Это просто указание «встроить» в страничку плейер, в который уже вложено указание какое видео ему играть. В общем случае код выглядит вот так (пример с youtube): <object width="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>
7. Что за код? (ничего запоминать не надо!) <objectwidth="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object> Объект плейера Какого размера на странице Что играть (какой фильм) Для … других бровзеров, копия Остальное просто дополнительный параметры… Разрешить ли открывать на весь экран и т.д.
8. Зачем всё это было написано Да вообщем-то“низачем”. Просто чтобы вы на глаз могли легко найти ссылку на видео… Т.е. около понравившегося видео ищите слова object, embed, share,link, код, ссылка Большего вам знать и разбираться в этих всех кодах не потребуется. Как правило большинство сервисов (плееров) дают готовый код для вставки в блог.
10. Ролик на youtube Сразу видим знакомое слово embed (встроить) и код, с уже знакомыми словами <object> … Для большинства блогов достаточно просто скопировать полностью всю эту строку в тело нового поста и мы увидим в блоге видео ролик… Обратите внимание, что надо копировать ВСЮ строку… Чтобы в ней, как минимум, в конце было закрытие начального object - </object>
11. В жж? В жж то же самое, только в начале и конце РЕКОМЕНДУЕТСЯ добавить тэги <lj-embed></lj-embed> Т.е. тот код со страницы youtubeпревратится в: <lj-embed><object width="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></lj-embed>
14. Теперь допустим вы нашли ролик в ленте Обратите внимание на вот эту кнопочку внизу ролика:
15. Увидели знауомые слова? Копируем эту строку ЦЕЛИКОМ! И выкладываем у себя в посте… (не забывая добавить <lj-embed>…</lj-embed> И всё…
22. В следующем уроке Как выложить СВОЙ видеоролик или песню… Не знаю… Пишите о чём вам интересно… Ваши предложения… Здесь могла бы быть реклама того, кто предоставит какой- нибудь приз читателям этого блога…