понедельник, 13 мая 2013 г.

Вставить видео на сайт

Для вставки видео на сайт есть 2 способа:

1) Вставить видео с ютуба или любого другого сервиса

Для этого надо просто зайти на страницу с видео роликом, нажать "поделиться" и скопировать оттуда html код себе на страницу.

2) Использовать html5 плеер

Что бы вставить видео на сайт с помощью html5, нужно использовать html5 плеер. Одним из таких плееров является flowplayer. Он использует jquery, достаточно удобен на мой взгляд и хорошо документирован.

Пример использования:

В header вставляем:

<script type="text/javascript" src="js/flowplayer/flowplayer-3.2.2.min.js"></script>

В body, туда где будет наше видео:

    <a href="1.flw" style="display: block; width: 468px; height: 286px;" id="player">
        <img src="1.jpg" width="468" height="286" />
    </a>


Сама инициализация плеера:

    <script language="JavaScript">
        flowplayer("player", {
            src: "http://oursite.com/js/flowplayer/flowplayer-3.2.2.swf",
            wmode: "transparent"},
            {
            clip: {
                autoPlay: true,
                autoBuffering: false,
            },
            playlist: ["http://oursite.com/1.flw"]
        });
    </script>


Здесь вместо ссылки на файл 1.flw будет окно с плеером в котором пользователь сможет его посмотреть. До того, как будет воспроизведено видео пользователь увидит картинку 1.jpg. Для запуска видео ему нужно будет кликнуть по изображению.

Комментариев нет:

Отправить комментарий