|
|
| (3 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| <ul class="videolist">
| | {{#widget:YouTube|id=tfcf5pv3VfA|}} |
| <li>{{#widget:YouTube|id=tfcf5pv3VfA}}</li>
| |
| <li>{{#widget:YouTube|id=EQ7ZgdSlQRs}}</li>
| |
| <li>{{#widget:YouTube|id=aQYTuk-_hKg}}</li>
| |
| <li>{{#widget:YouTube|id=0UMeJpjvV5k}}</li>
| |
| <li>{{#widget:YouTube|id=1p9I-No9HEo}}</li>
| |
| <li>{{#widget:YouTube|id=48mKhSfcJ60}}</li>
| |
| <li>{{#widget:YouTube|id=5_oQb7GWKTU}}</li>
| |
| <li>{{#widget:YouTube|id=5f4Xt_QYxTc}}</li>
| |
| <li>{{#widget:YouTube|id=5lmm3sSr7nY}}</li>
| |
| <li>{{#widget:YouTube|id=BSJpTMTyxUM}}</li>
| |
| <li>{{#widget:YouTube|id=DE0I-rey15k}}</li>
| |
| <li>{{#widget:YouTube|id=GXoOjRoF0nc}}</li>
| |
| <li>{{#widget:YouTube|id=G_KgZqd8b2k}}</li>
| |
| <li>{{#widget:YouTube|id=HLa1T9f0hy4}}</li>
| |
| <li>{{#widget:YouTube|id=JXbdSsjOYn8}}</li>
| |
| <li>{{#widget:YouTube|id=KAce42mgj84}}</li>
| |
| <li>{{#widget:YouTube|id=KRXUYAFdKX4}}</li>
| |
| <li>{{#widget:YouTube|id=N90Utrsfwz8}}</li>
| |
| <li>{{#widget:YouTube|id=O69bZUNgEas}}</li>
| |
| <li>{{#widget:YouTube|id=PPap3u_cWVw}}</li>
| |
| <li>{{#widget:YouTube|id=R8RTLW9SOlc}}</li>
| |
| <li>{{#widget:YouTube|id=RTNljh1RLdM}}</li>
| |
| <li>{{#widget:YouTube|id=RvgYj1dVg14}}</li>
| |
| <li>{{#widget:YouTube|id=T-sDOO4L42U}}</li>
| |
| <li>{{#widget:YouTube|id=UHppQLgcC_8}}</li>
| |
| <li>{{#widget:YouTube|id=Ura1IgHRlgg}}</li>
| |
| <li>{{#widget:YouTube|id=W_Yh2-MHATo}}</li>
| |
| <li>{{#widget:YouTube|id=W_Yh2-MHATo}}</li>
| |
| <li>{{#widget:YouTube|id=Z__E97Wo2yw}}</li>
| |
| <li>{{#widget:YouTube|id=Zc9HsPx0rN8}}</li>
| |
| <li>{{#widget:YouTube|id=Zc9HsPx0rN8}}</li>
| |
| <li>{{#widget:YouTube|id=Zw7PEVEBuwY}}</li>
| |
| <li>{{#widget:YouTube|id=_LWj3TSbDRo}}</li>
| |
| <li>{{#widget:YouTube|id=_r47zds9ajg}}</li>
| |
| <li>{{#widget:YouTube|id=apNnmCBiKv4}}</li>
| |
| <li>{{#widget:YouTube|id=fTgo466hG1c}}</li>
| |
| <li>{{#widget:YouTube|id=jFW7BdHTRdY}}</li>
| |
| <li>{{#widget:YouTube|id=mtZA_k174VM}}</li>
| |
| <li>{{#widget:YouTube|id=sxXaPow0qig}}</li>
| |
| <li>{{#widget:YouTube|id=wYwf1HdBlkQ}}</li>
| |
| <li>{{#widget:YouTube|id=xV88777nyOA}}</li>
| |
| <li>{{#widget:YouTube|id=ydxQlqpkX8E}}</li>
| |
| <li>{{#widget:YouTube|id=yeF-QesNdto}}</li>
| |
| </ul>
| |
| <html> | | <html> |
| | <button id="ytButton">Play next</button> |
| <!-- Put Your javascript here--> | | <!-- Put Your javascript here--> |
| | <script> |
| | var videoIdList = [ |
| | "tfcf5pv3VfA", |
| | "EQ7ZgdSlQRs", |
| | "aQYTuk-_hKg", |
| | "0UMeJpjvV5k", |
| | "1p9I-No9HEo", |
| | "48mKhSfcJ60", |
| | "5_oQb7GWKTU", |
| | "5f4Xt_QYxTc", |
| | "5lmm3sSr7nY", |
| | "BSJpTMTyxUM", |
| | "DE0I-rey15k", |
| | "GXoOjRoF0nc", |
| | "G_KgZqd8b2k", |
| | "HLa1T9f0hy4", |
| | "JXbdSsjOYn8", |
| | "KAce42mgj84", |
| | "KRXUYAFdKX4", |
| | "N90Utrsfwz8", |
| | "O69bZUNgEas", |
| | "PPap3u_cWVw", |
| | "R8RTLW9SOlc", |
| | "RTNljh1RLdM", |
| | "RvgYj1dVg14", |
| | "T-sDOO4L42U", |
| | "UHppQLgcC_8", |
| | "Ura1IgHRlgg", |
| | "W_Yh2-MHATo", |
| | "W_Yh2-MHATo", |
| | "Z__E97Wo2yw", |
| | "Zc9HsPx0rN8", |
| | "Zc9HsPx0rN8", |
| | "Zw7PEVEBuwY", |
| | "_LWj3TSbDRo", |
| | "_r47zds9ajg", |
| | "apNnmCBiKv4", |
| | "fTgo466hG1c", |
| | "jFW7BdHTRdY", |
| | "mtZA_k174VM", |
| | "sxXaPow0qig", |
| | "wYwf1HdBlkQ", |
| | "xV88777nyOA", |
| | "ydxQlqpkX8E", |
| | "yeF-QesNdto" |
| | ]; |
| | var youtubeLink = "https://www.youtube.com/embed/"; |
| | var shuffledList = videoIdList.sort(() => Math.random() - 0.5); |
| | var button = document.querySelector("#ytButton"); |
| | var player = document.querySelector("#ytPlayer"); |
| | button.addEventListener("click", playNext); |
| | |
| | function playNext() { |
| | var justPlayedVideo = shuffledList.shift(); |
| | shuffledList.push(justPlayedVideo); |
| | |
| | player.src = youtubeLink + shuffledList[0]; |
| | } |
| | |
| | player.src = youtubeLink + shuffledList[0]; |
| | </script> |
| </html> | | </html> |
