Javascript play youtube API (+ видео в очереди)

В принципе, я alrdy удалось создать сайт для поиска видео с помощью видео apt youtube.Javascript play youtube API (+ видео в очереди)

Хотелось бы добавить плеер youtubevideo (iframe?) И, возможно, записать в очередь видеоролики (url) из текстового ввода.

Мой следующий вопрос, я нашел в Интернете необходимый код для использования iframe, , но скрипт находится на html-странице, и мне было интересно, можно ли разместить код на моей странице JS .. i попробовал, но не работает ... Я думал, что размещение синтаксиса между & в моем файле js сделало бы это ...

Может кто-нибудь объяснить, как я могу заставить его работать, размещая код в файле js ? Я знаю, что это глупый вопрос ...

Большое спасибо!

<html> 
    <body> 
    <div id="player"></div> 

    <script> 
     // 2. This code loads the IFrame Player API code asynchronously. 
     var tag = document.createElement('script'); 

     tag.src = "https://www.youtube.com/iframe_api"; 
     var firstScriptTag = document.getElementsByTagName('script')[0]; 
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

     // 3. This function creates an <iframe> (and YouTube player) 
     // after the API code downloads. 
     var player; 
     function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId: 'M7lc1UVf-VE', 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
     } 

     // 4. The API will call this function when the video player is ready. 
     function onPlayerReady(event) { 
     event.target.playVideo(); 
     } 

     // 5. The API calls this function when the player's state changes. 
     // The function indicates that when playing a video (state=1), 
     // the player should play for six seconds and then stop. 
     var done = false; 
     function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.PLAYING && !done) { 
      setTimeout(stopVideo, 6000); 
      done = true; 
     } 
     } 
     function stopVideo() { 
     player.stopVideo(); 
     } 
    </script> 
    </body> 
</html>

источник

2016-12-18 Xavelite

Я думал, что размещение текста между скриптами в моем связанном файле js просто приведет к трюку, но это не так ... – Xavelite

Я попробовал это следующим образом;

in html: 
    <script src="js/app.js"></script> 
in js; 
     // 2. This code loads the IFrame Player API code asynchronously. 
     var tag = document.createElement('script'); 


..... etc 
     }

источник

2016-12-18 23:41:13 Xavelite

Javascript play youtube API (+ видео в очереди)

ответ

Смежные вопросы