Как научиться ставить видеоплеер на сайт?

Если вы хотите добавить видео на свой сайт для того, чтобы привлечь больше пользователей, выложить любимые ролики, представить товар с выгодной стороны, воспользуйтесь одним из самых распространенных способов.
Создать сайт самостоятельно с Wix.com

Инструкция

Обратитесь к сервису YouTube или RuTube. Зарегистрируйтесь на сайте, после чего у вас появится свой канал, по которому вы сможете скачивать или размещать видео. После регистрации перейдите по ссылке «Добавить видео» (расположена в правом верхнем углу). В меню добавления файла введите его название, описание, ключевые слова. Выберите категорию для файла. После того как ролик загрузится, сохраните его и перейдите к меню просмотра. Найдите внизу плеера вкладку «Вставить» и получите html-код ролика. Скопируйте его и установите на свой сайт на выбранном участке.

Установите видео при помощи плагинов, которые есть в любой CMS. Например, если ваш сайт создан в WordPress, это будет плагин Video Embedder. Скачайте его, установите и активируйте. После этого для того, чтобы добавить видео, зайдите на видеосервис, где размещен ролик, и скопируйте ID файла. Так если вы обратились к YouTube, в адресной строке вы увидите что-нибудь код (после ryv). Скопируйте его, начиная с ryv. Это и будет идентификационный код ролика. Вставьте его на свой сайт. Для этого перейдите в режим html-редактора и добавьте в нужном месте: [youtube] ryv-3s18zy0[/youtube]. Помимо YouTube плагин Video Embedder позволяет добавлять видео и с других источников (например, с RuTube или Smotri.com).

Скачайте и установите один из популярнейших во всем мире видеоплееров, такой как JW Player. Распакуйте архив и возьмите с index.html код. В первой строке кода укажите объект для плеера и задайте его параметры (путь к файлу.swf плеера, его ширину и высоту). Во второй впишите: so.addParam('allowfullscreen','true');. Так вы обозначите, что просмотр видео может быть осуществлен в полноэкранном режиме. Обратите внимание на пятую строку, где нужно будет указать точный URL ролика, имя провайдера (например, тот же YouTube), путь xml-файлу скина плеера (если он задан). В шестой строчке укажите: so.write('preview');. Впишите в эту строку и ID элемента, в котором вы хотите разместить плеер. Подключите файл swfobject.js и проверьте, как отображается видео.

Оцените статью!