Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

IT технологии, программирование, социальные сети и PC. Необычный метод вставки видео с YouTube на сайт.


Статья про использование технологий Youtube для динамической работы с видео.

 

При обычной вставке видео из Youtube на ваш сайт вы используете тег embed, что делает работу с видео очень неудобным и не дает возможности управлять или изменять вставленный ролик динамично (с помощью javascript и т.п.).

Первое что нужно сделать – это подключить библиотеку javascript api Google которая включает в себя все виды javascript расширений (jquery, swfobject).

Google Developers

Google Developers


Код:

   <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load("swfobject", "2.1"); //загружаем библиотеки swfobject
    </script>

Пример 1: Просто ставка.

swfobject.embedSWF(); – функция для внедрения SWF объектов в HTML.

Код:

    <script type="text/javascript">
      function _run() {
        /*
        * Simple player embed
        */
       
        // The video to load.
        var videoID = "ylLzyHk54Z0"
        // Lets Flash from another domain call JavaScript
        var params = { allowScriptAccess: "always" };
        // The element id of the Flash embed
        var atts = { id: "ytPlayer" };
        // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
        swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "?version=3&enablejsapi=1&playerapiid=player1",
                           "videoDiv", "480", "295", "9", null, null, params, atts);
       
       
      }
      google.setOnLoadCallback(_run);
    </script>
  </head>
  <body style=""font-family:" Arial;border: 0 none;">
    <div id="videoDiv">Loading...</div>
  </body>

videoDIV – имя элемента DIV в котором будет видео.
videoID – ID видео из Youtube.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru


В избранное