Это цитата сообщения merlinwebdesigner Оригинальное сообщение

Видеоплеер для вашего сайта

УДОБНЫЙ ВИДЕОПЛЕЕР

[250x250]

ВИДЕОПЛЕЕР НА HTML5 - ПРОСТО И УДОБНО

Те, кто заходил на такие ресурсы как: телеканал "Звезда", LifeNews и др.,мог видеть, что во многих постах используется видео.

Но плеер, не со стороннего сервиса, а свой. Вот я и покажу Вам, как встроить HTML5 плеер в пост, поймёт абсолютно каждый.

Быстро и просто.)

HTML5 ВИДЕОПЛЕЕР

Для начала, покажу как он выглядит.

 

 

 

Как Вам? На мой взгляд, совсем неплохо.) Нет необходимости в использовании ни каких скриптов, видео добавлено прямо в пост при редактировании, формат видео .mp4, позволяет выложить клип не прибегая к сторонним сервисам или к использованию дополнительных возможностей для размещения видео на площадке размещения поста.

[250x250]

Перейдём к тому как это осуществить? Всё довольно просто. При редактировании поста, загружаем видео как прикрепленный файл /напомню формат .mp4/, копируем ссылку, встраиваем в код, размещаем в тело поста. Сохраним изменения/перезагрузим. Проверим работает ли код, если всё сделано верно, то вернувшись в редактор, удалим прикрепленный файл/чтобы ни чего "лишнего не выделялось".) Дописываем необходимый текст, и.. Сохраняем. Вот и всё.)

ВОТ НЕОБХОДИМЫЙ НАМ КОД

Откроется в новой вкладке, в полном размере.

 

Копируем код, где вместо - 1.mp4, встраиваем адрес нашего видео, начиная с http и оканчивая .mp4. Размеры плеера, корректируем исходя из размеров видео, и конечно же размера окна поста, в нашем случае наиболее удобен размер 640pix, т.е height=высота, а width=ширина нашего плеера.

Да, чуть не забыл, данный плеер отображается во всех браузерах, что является еще одним плюсом.

Вот и всё.) И напоследок, ещё одна казачья песня.

 

 

Если понравилась песня, то вот ссылка на мой пост посвященный "Братине", и конечно же - Пелагея.) Возникнут вопросы, задавайте, постараюсь ответить.

Успехов Вам.)

 

 

Серия сообщений "WEB МАСТЕРУ":
Часть 1 - Специальные символы
Часть 2 - Water Effect Animation - OnLine Генератор
...
Часть 15 - Читаем Далее - Подборка кнопок
Часть 16 - Бесплатная подборка web кнопок в PSD
Часть 17 - Видеоплеер для вашего сайта
Часть 18 - Аудио плеер для вашего сайта