data('ytPlayer') is undefined

[bento-n-box]

data('ytPlayer') is undefined

[hellor0bot]

Same here. Installed via Bower, included the jquery.youtubebackground.js, called the player like this:

  $('.heading-youtube').YTPlayer({
    fitToBackground: true,
    videoId: $('.heading-youtube').data('youtube-video'),
    playerVars: {
      modestbranding: 0,
      autoplay: 1,
      controls: 0,
      showinfo: 0,
      branding: 0,
      rel: 0,
      autohide: 0,
      start: 0
    }
  });

And getting undefined :(

[bento-n-box]

try
console.log( jQuery('#youtube_5BgZcS_3Lms').data('ytPlayer').player );

[jacobraccuia]

I get null when I do that on my site. I just want to pause the video :(

[bento-n-box]

@jacobraccuia any code to share?

[jacobraccuia]

if(typeof YTPlayer == 'object') { 
	player = $('.video-container .tv').YTPlayer({
		fitToBackground: true,
			pauseOnScroll: false,
			videoId: $('.video-container .tv').data('video-id'),
	});
	console.log( jQuery('.video-container .tv').data('ytPlayer').player );
}
	

[bento-n-box]

Try using id's. What does your html look like?

[jacobraccuia]

Still null. Here is my HTML and new JS

<div class="tv" id="fw_video_bg" data-video-id="' . $video_ID . '"></div>';

player = $('#fw_video_bg').YTPlayer({
		fitToBackground: true,
			pauseOnScroll: false,
			videoId: $('#fw_video_bg').data('video-id'),
	});
	console.log( jQuery('#fw_video_bg').data('ytPlayer').player );

[bento-n-box]

Do you have more than one video? Is there a race condition going on? Is the video working at all?

[jacobraccuia]

Video works perfectly. There is definitely only one video (although I had tried coding it for multiple). If you email jacobraccuia @ gmail.com I’ll give you the URL :)

[jacobraccuia]

This is weird.

jQuery('#fw_video_bg').data('ytPlayer'); returns the object with the player key there and all of the data as well, but
jQuery('#fw_video_bg').data('ytPlayer').player returns null.

[redcomethk]

@jacobraccuia I have the exact same problem and after referencing the following SO link:
https://stackoverflow.com/questions/17546953/cant-access-object-property-even-though-it-exists-returns-undefined

I wrap that with a setTimeout and it works now. It could be when you access the player it is not ready yet.

[altafhpatel]

Put the jQuery('#fw_video_bg').data('ytPlayer'); in callback function
it works for me
read here
#60 (comment)