$(function() { $(".lady-josephine-block--video .youtube-block, .lady-josephine-block--video--fullwidth .youtube-block, .lady-josephine-block--video--default .youtube-block").each(function(i, element) { var videoId = $(element).attr("data-video-id"); var srcset = $(element).attr("srcset"); var sizes = $(element).attr("sizes"); if ((srcset == null) || (srcset == undefined)) { srcset = "//i.ytimg.com/vi/" + videoId + "/mqdefault.jpg 320w, " + "//i.ytimg.com/vi/" + videoId + "/sddefault.jpg 240w, " + "//i.ytimg.com/vi/" + videoId + "/hqdefault.jpg 480w, " + "//i.ytimg.com/vi/" + videoId + "/0.jpg 600w" } if ((sizes == null) || (sizes == undefined)) { sizes = '(max-width:1000px) 50w, 680px' } $(element).append("" + "
" + '
' + "
"); var onPlayerReady; onPlayerReady = function(event) { event.target.playVideo(); }; function placeVideo() { var player = new YT.Player(videoId, { videoId: videoId, events: { 'onReady': onPlayerReady } }); $(element).find('.remove-me').remove(); } function onYouTubeIframeAPIReady() { placeVideo() } function loadYoutubeAPI() { window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady; s = document.createElement('script'); s.src = '//www.youtube.com/iframe_api'; s.id = 'youtubePlayerAPI'; before = document.getElementsByTagName('script')[0]; before.parentNode.insertBefore(s, before); } $(element).on('click', function(event) { if ($('head script#youtubePlayerAPI').size() > 0) { placeVideo() } else { loadYoutubeAPI() } }); }); });