How do I add this:
videoPlayer.init(["0dgNc5S8cLI","mnfmQe8Mv1g","CHahce95B1g","2VwsvrPFr9w"]);
Into here?
videoPlayer.init({ afterPlayerReady: function initCover() { manageCover.init(function playVideo() { videoPlayer.play(); }); }});
That is what I am needing to do.
https://jsfiddle.net/x4qs50wz/
Currently, there is this error:
Cannot read properties of undefined (reading 'join')"
That is because, I have not added the array to the code because I am stuck.
const videoPlayer = (function makeVideoPlayer() { const config = {}; const events = {}; const eventHandlers = {}; let player = null; function loadIframeScript() { const tag = document.createElement("script"); tag.src = "https://www.youtube.com/iframe_api"; const firstScriptTag = document.getElementsByTagName("script")[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } function onYouTubeIframeAPIReady() { const cover = document.querySelector(".play"); const wrapper = cover.parentElement; const frameContainer = wrapper.querySelector(".video"); videoPlayer.addPlayer(frameContainer, config.playlist); } function shufflePlaylist(player) { player.setShuffle(true); player.playVideoAt(0); player.stopVideo(); } function onPlayerReady(event) { player = event.target; player.setVolume(100); shufflePlaylist(player); const iframe = player.h; iframe.dispatchEvent(events.afterPlayerReady); } function addPlayer(video, playlist) { const config = { height: 360, host: "https://www.youtube-nocookie.com", width: 640 }; config.playerVars = { autoplay: 0, cc_load_policy: 0, controls: 1, disablekb: 1, fs: 0, iv_load_policy: 3, loop: 1, playlist, rel: 0 }; config.events = {"onReady": onPlayerReady }; player = new YT.Player(video, config); const iframe = player.h; const eventHandler = eventHandlers.afterPlayerReady; iframe.addEventListener("afterPlayerReady", eventHandler); } function play() { player.playVideo(); } function addEvents(handlers) { eventHandlers.afterPlayerReady = handlers.afterPlayerReady; events.afterPlayerReady = new Event("afterPlayerReady"); } function init(initEventHandlers, videos) { addEvents(initEventHandlers); config.playlist = videos.join(); loadIframeScript(); window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady; } return { addPlayer, init, play };}());videoPlayer.init({ afterPlayerReady: function initCover() { manageCover.init(function playVideo() { videoPlayer.play(); }); }});