Моя вставка YouTube не будет работать на моем сайте - PullRequest
Новая
       12

Моя вставка YouTube не будет работать на моем сайте

0 голосов
/ 09 апреля 2020

My Page

Это мой встроенный код, я пытался автоматически обновлять видео на YouTube 

<div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item1" vnum='0' cid="UC96WWrjtdDu1kKQztFJoqWg" width="600" height="340" frameborder="0" allowfullscreen></iframe>

        <iframe class="embed-responsive-item2" vnum='1' cid="UC96WWrjtdDu1kKQztFJoqWg" width="600" height="340" frameborder="0" allowfullscreen></iframe>

        <iframe class="embed-responsive-item3" vnum='2' cid="UC96WWrjtdDu1kKQztFJoqWg" width="600" height="340" frameborder="0" allowfullscreen></iframe>

        <iframe class="embed-responsive-item4" vnum='3' cid="UC96WWrjtdDu1kKQztFJoqWg" width="600" height="340" frameborder="0" allowfullscreen></iframe>
    </div>

1 Ответ

0 голосов
/ 09 апреля 2020

Я получил его, чтобы предоставить самое последнее видео на вашей странице, включая JavaScript. Я нашел это в этой статье:

https://codegena.com/auto-embed-latest-video-youtube-channel/

Вы можете увидеть это на Codepen здесь:

https://codepen.io/St3ph3n92/pen/rNONYMN?editors=1010

    const reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + 
    encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id=");
    function loadVideo(iframe){
         $.getJSON( reqURL + iframe.getAttribute('cid'),
          function(data) {
             let videoNumber = (iframe.getAttribute('vnum')? 
   Number(iframe.getAttribute('vnum')):0);
        console.log(videoNumber);
         let link = data.items[videoNumber].link;
         id = link.substr(link.indexOf("=") + 1);  
         iframe.setAttribute("src","https://youtube.com/embed/"+id + "? 
        controls=0&autoplay=1");
        }
      );
    }
    let iframes = document.getElementsByClassName('latestVideoEmbed');
    for (let i = 0, len = iframes.length; i < len; i++){
           loadVideo(iframes[I]);
    }

Обратите внимание, что вам также необходимо включить библиотеку jquery: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Если вы не хотите использовать JavaScript, в той же статье, упомянутой выше , есть возможность встраивания с этим iframe: 

<iframe width="600" height="340" src="https://www.youtube.com/embed?max-results=1&controls=0&showinfo=0&rel=0&listType=user_uploads&list=YOUR_CHANNEL_NAME_HERE" frameborder="0" allowfullscreen></iframe>

Надеюсь, это поможет.

...