Youtube api fix

Fixed synchronazation problem when loading iframe_api and trying
to run onYouTubeIframeAPIReady function.
Solution is to load iframe_api after YT.Player object is created.

diff --git a/cloudcms/templates/cms/base.html b/cloudcms/templates/cms/base.html
index a947c70..669610d 100644 (file)
--- a/cloudcms/templates/cms/base.html
+++ b/cloudcms/templates/cms/base.html
@@ -28,7 +28,6 @@
   {% endblock css %}
 
   {% block headjs %}
-      <script src="https://www.youtube.com/iframe_api"></script>
       <script src="{{ MEDIA_URL }}cloudcms/js/jquery-1.7.1.min.js"></script>
       <script src="{{ MEDIA_URL }}cloudcms/js/underscore.js"></script>
       <script src="{{ MEDIA_URL }}cloudcms/js/jquery.infieldlabel.js"></script>

diff --git a/cloudcms/templates/content/intro_video.html b/cloudcms/templates/content/intro_video.html
index a9ad810..2ab743e 100644 (file)
--- a/cloudcms/templates/content/intro_video.html
+++ b/cloudcms/templates/content/intro_video.html
@@ -6,7 +6,6 @@
 </div>
 
 <script>
-
        var video_settings = {
                'wrapper': $(".video-thumb"),
                'youtube_id': '{{ content.youtube_id}}',
@@ -16,4 +15,10 @@
                var youtube = new YouTube(video_settings);
                window.youtube = youtube;
        }
-</script>
\ No newline at end of file
+
+       // This code loads the IFrame Player API code asynchronously.
+       var tag = document.createElement('script');
+       tag.src = "https://www.youtube.com/iframe_api";
+       var firstScriptTag = document.getElementsByTagName('script')[0];
+       firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+</script>