Показать сообщение отдельно
  #2 (permalink)  
Старый 04.06.2019, 10:00
Аватар для bobus123
Интересующийся
Отправить личное сообщение для bobus123 Посмотреть профиль Найти все сообщения от bobus123
 
Регистрация: 02.09.2009
Сообщений: 19

<script>

 /* то, что грузит YouTube */
  if (!window['YT']) {var YT = {loading: 0,loaded: 0};}if (!window['YTConfig']) {var YTConfig = {'host': 'http://www.youtube.com'};}if (!YT.loading) {YT.loading = 1;(function(){var l = [];YT.ready = function(f) {if (YT.loaded) {f();} else {l.push(f);}};window.onYTReady = function() {YT.loaded = 1;for (var i = 0; i < l.length; i++) {try {l[i]();} catch (e) {}}};YT.setConfig = function(c) {for (var k in c) {if (c.hasOwnProperty(k)) {YTConfig[k] = c[k];}}};var a = document.createElement('script');a.type = 'text/javascript';a.id = 'www-widgetapi-script';a.src = 'https://s.ytimg.com/yts/jsbin/www-widgetapi-vflWEkxrd/www-widgetapi.js';a.async = true;var c = document.currentScript;if (c) {var n = c.nonce || c.getAttribute('nonce');if (n) {a.setAttribute('nonce', n);}}var b = document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a, b);})();}

  /* ваш обработчик */
  var player;
  
  /* именно эта функция работает на этапе загрузки */
  function onYouTubeIframeAPIReady() {
    /* первым параметром вы передаёте id того блока, в котором будет размещён ifame с роликом, для каждого ролика это придётся инициализировать каждый раз */
    player = new YT.Player('player', {
      videoId: 'utgTLA7E7lo',
      events: {
        'onReady': onPlayerReady,
      }
    });
  }
  
  /* эта функция отработает только после загрузки ролика */
  function onPlayerReady(event) {
    document.getElementById("video-duration").value = 
      Math.floor(Number(event.target.getDuration()) / 60) + ':' + 
      (Number(event.target.getDuration()) % 60);
  }

    </script>

Последний раз редактировалось bobus123, 04.06.2019 в 17:02.
Ответить с цитированием