Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Добавление видео на сайте

videositeНа первый взгляд вроде бы простая задача - добавление видео на сайте, однако далеко не всегда можно её с легкостью реализовать. Существует несколько способов реализации просмотра видео на вашей интернет-странице, так же как и существуют различные источники для хранения и воспроизведения видео.

Для просмотра видео на компьютере достаточно лишь скачать kmplayer, установить его и наслаждаться просмотром видеофайлов. С веб-сайтом всё обстоит несколько сложнее..

Добавление видео с YouTube и Vimeo

Одним из самых простых способов является именно этот, так как фактически нужно лишь скопировать специальный путь с видео-сервиса и вставить в коде вашего сайта.

Копируя видео из Youtube, нужно на сайте youtube.com под интересующим видео нажать на закладку Поделиться и далее выбрать HTML-код, который по умолчанию имеет следующий вид:

<iframe width="560" height="315" src="//www.youtube.com/embed/ХХХ" frameborder="0" allowfullscreen></iframe>

Здесь можно легко изменить ширину(width) и высоту(height), указав свои размеры видео-окна. ХХХ - здесь будет уникальный ID видео, состоящий из различных букв и символов. Существуют также специальные теги, которые вписываются после ID и предназначены для скрытия информации, автовоспроизведения и др. Подробнее об этих тегах будет описано в следующей статье - Параметры для видео YouTube.

Добавление видео на сайте из Vimeo, также достаточно просто выполнить. При наведении на любое видео из этого сервиса справа из иконка в виде бумажного самолетика - Share, после нажатия появится следующее окно:

vimeo-share

Здесь можно просто скопировать код из раздела Embed, а также выполнить некоторую настройку, для этого следует нажать +Show options.

Скопированный из Youtube или Vimeo вставить в код страницы вашего сайта или в материал Joomla, но для этого нужно отключить редактор.

Подобным образом можно копировать код со ссылкой на видео с других похожих сервисов - RuTube, Metacafe и др.

Добавление видео из сервера

Если у вас есть видеофайл, загруженный на сервер, то для отображения видео на сайте можно использовать следующий код:

<source src="/video.flv" type="video/flv">

<object type="application/x-shockwave-flash" width="360" height="240" data="player.swf?file=video.flv">

<param name="video" value="player.swf?file=video.flv">

<a href="/video.flv">Скачать</a>

</object>

В данном случае видеофайл располагается там же, где и HTML-документ, в котором вставляется данный код, если файл видео располагается в другом месте, то к нему нужно указать путь в src и href, таким же образом нужно везде поменять формат видео, если он другой, например mp4 (в данном примере - flv).

Добавление видео с помощью модулей и плагинов Joomla

Если вы используете CMS Joomla, то для добавления видео на сайте проще всего воспользоваться удобными плагинами.

Модуль BJ Video Player - удобное добавление видео, если файл расположен на сервере (поддержка MP4, MOV и FLV)

Модуль You Tube Channel - возможность добавления целого канала видео с YouTube

Модуль Mia FLV Player - воспроизведение видео-файлов с сервера и добавление видео с YouTube

Плагин AllVideos - мощный плагин, который позволяет добавлять видео с сервера, различных сервисов, а также воспроизводить аудио и флэш файлы.

 

Безусловно, существуют и другие модули и плагины, какие из них использовать решать только Вам.

Комментарии  

#1 Мукасей 26.10.2014 09:15
Всё правильно и подробно, но сейчас можно вставлять видео без всяких плееров и гораздо проще. https://www.youtube.com/user/mukasei361

You have no rights to post comments

Joomla SEF URLs by Artio

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Эффективные способы продвижения сайта

    Александр
    Спасибо за полезную и интересную информацию. Продвижение сайтов резко приобрело популярность благодаря ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...