Почему-то у многих новичков часто возникает вопрос: "Как вставить видео на сайт?". И я решил написать об этом небольшую статью, чтобы ответить на их вопрос.
Начнём с того, что существует два способа вставки видео на сайт: с видеосервиса (например, с 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, о котором я расскажу в одной из следующих статей, так что не переключайтесь.
|