Реальный пиарHTMLУроки HTML → Как вставить видео на сайт

Как вставить видео на сайт

Почему-то у многих новичков часто возникает вопрос: "Как вставить видео на сайт?". И я решил написать об этом небольшую статью, чтобы ответить на их вопрос.

Начнём с того, что существует два способа вставки видео на сайт: с видеосервиса (например, с Youtube, Rutube и других) и просто с обычного видеофайла, который может располагаться на любом сайте.

Первый способ очень простой. Вам достаточно всего лишь зарегистрироваться в одном из видеосервисов, залить видео на их сайт и получить код видео. Дальше этот код Вы просто вставляете в любое место на Вашей странице. Должно получиться что-то наподобии этого:
<h1 align="center">Лучшее видео недели!</h1>
<br />
<p style="text-align: center;">
<object width="470" height="353">
<param name="movie" value="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e">
<param name="wmode" value="window">
<param name="allowFullScreen" value="true">
<embed src="http://video.rutube.ru/ada40479df5d9fb269932f895c8e392e" type="application/x-shockwave-flash" wmode="window" allowfullscreen="true" width="470" height="353">
</object>
</p>

Тут всё просто, и Вам совсем не надо разбираться, что там понаписано.

А вот второй способ немного сложнее. Тут Вам потребуется скрипт плеера, который будет Ваше видео проигрывать, и SWF-файл плеера. Существует много различных плееров, но мне понравился FlowPlayer (скачать FlowPlayer). Теперь посмотрим, как его установить и как с его помощью добавить видео на сайт.

Первым делом разархивируйте архив на Ваш сайт, например, в папку "flowplayer". Далее Вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку:
<script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script>

После этого на странице нужно добавить такие строки:
<a href="путь_к_вашему_видео" style="display: block; width: 500px; height: 400px;" id="player"></a>
<script language="JavaScript">
flowplayer("player", {src : "http://адрес_вашего_сайта/flowplayer/flowplayer-3.2.2.swf", wmode: "transparent"});
</script>

Вот и всё! Видео успешно добавлено на Ваш сайт. И Вы теперь не зависите от работоспособности видеохостингов, а зависите только от работоспособности Вашего сайта. Более того, никакой посторонней рекламы видеохостингов Ваши пользователи не увидят. Однако, в этом способе добавления видео есть один серьёзный минус: ОЧЕНЬ большая нагрузка на сервер. Если это видео смотрит 5 человек в день, то проблем не будет, а если смотрят 20 человек одновременно, то ничего кроме злости Вашего посетители не испытают. Но выход из этого положения есть: исползовать сторонный сервис хранения файлов, например, Amazon S3, о котором я расскажу в одной из следующих статей, так что не переключайтесь.


Источник: http://myrusakov.ru

Рекомендуем



Разница между HTML и XHTML Но если в HTML - это дело вкуса, то в XHTML - это правило: писать только в нижнем регистре


Зачем нужен DOCTYPE? И очень важно дать понять браузеру, какую версию HTML Вы используете или, другими словами, какой набор тегов у Вас имеется, и, главное, как его надо отображать


Проверка сайта в разных браузерах Задача эта очень непростая, но поверьте она стоит свеч, поэтому не поленитесь и сделайте свой сайт таким, чтобы его мог просмотреть абсолютно любой пользователь Интернета