Quantcast
Channel: Active questions tagged youtube-api - Stack Overflow
Viewing all articles
Browse latest Browse all 3722

Cannot read properties of undefined (reading 'join')

$
0
0

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();    });  }});

Viewing all articles
Browse latest Browse all 3722

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>