Încorporează lista de redare youtube cu tava de listă laterală (Programare, Youtube, Încorporați, Listă De Redare, Tavă)

RicardoE a intrebat.

M-am jucat cu funcționalitatea youtube embed playlist cu javascript.

Până acum, când am încorporat o listă de redare, arată așa:

http://postimage.org/image/vk6fv56yx/

Cercul albastru arată numărul de elemente din lista de redare, iar atunci când se face clic pe el se afișează miniaturile.

Când începe redarea videoclipului, este necesar să faceți clic pe butonul playlist pentru ca lista să se afișeze, astfel:

http://postimage.org/image/ezzxpy7pn/

Dar vreau ca playerul să se afișeze așa cum se afișează pe pagina youtube, astfel:

http://postimage.org/image/4suta8kuh/

acum acesta este codul pe care îl folosesc:

<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '390',
        width: '640',
        videoId: 'n2ISkJZC6DI',
        playerVars: {
                  listType:'playlist',
                  list: 'PL546E6163151751EE'
                },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
  }

  function onPlayerReady(){
    alert('player ready');
  }

  function onPlayerStateChange(){
    alert('player changed');
  }

</script>

Funcționează foarte bine! dar aș vrea să știu dacă există o modalitate de a schimba vizualizarea tăvii listei de redare.

Mulțumesc mult pentru ajutor oameni buni 🙂

Comentarii

  • Cred că acest lucru vă va ajuta: tcuttrissweb.wordpress.com/2012/02/17/… Puteți arunca o privire la codul original al lui Simone Gianni sau la modificările făcute de Cuttriss, ambele disponibile pe jsfiddle.net, așa cum se menționează în URL-ul de mai sus. –  > Por user2041185.
  • asta a fost cu mult timp în urmă, ceea ce am făcut a fost să fur css-ul de la youtube pentru încercarea laterală și să folosesc API-ul pentru a prelua lista de redare… pace de tort :3  > Por RicardoE.
  • unde pot găsi css-ul youtube pentru afișarea acestei liste? –  > Por sQuijeW.
  • i a încercarea de a face ca playerul încorporat să se afișeze ca în ultima imagine postată de OP –  > Por sQuijeW.
  • Pur și simplu mergeți la inspectarea elementelor și căutați fișierele css ale youtube care se ocupă de încercarea laterală. apoi copiați și lipiți acest fișier într-unul de-al vostru. este un truc urât, dar funcționează. poate ne va aduce probleme dacă cineva află xD – –  > Por RicardoE.
1 răspunsuri
Shan Eapen Koshy

Puteți utiliza versiunea flash a playerului youtube embed pentru a obține acest aspect. Cu toate acestea, tava este acum poziționată în partea stângă.

Comentarii

  • Unele ultime versiuni ale navigatorului nu acceptă flash. –  > Por zatamine.
  • @AmineHADDAD nu este vorba că nu este acceptat, este dezactivat în mod implicit și va cere pur și simplu permisiunea de a rula flash atunci când este necesar. În plus, aș sugera să nu folosiți acest răspuns din motivul menționat mai sus. Dacă nu există o altă cale, nu există o altă cale, dar atâta timp cât există, folosiți-o peste flash IMO. (Fără supărare față de autorul acestui răspuns, este doar calea de urmat :)))  > Por SidOfc.