Ticket #11092: youtube-iframe.patch

mythtv/programs/scripts/internetcontent/nv_python_libs/configs/HTML/youtube.html

@@ -8 +8 @@
             }
         </style>
 
-        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
         <script type="text/javascript">
+            /* Taken from https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player */
+            var tag = document.createElement('script');
+            tag.src = "//www.youtube.com/iframe_api";
+            var firstScriptTag = document.getElementsByTagName('script')[0];
+            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+
             /* gup function by R.D. Vaughan */
             function gup( name )
             {
@@ -25 +30 @@
 
             var myth_player = null;
 
-            var params = {
-                allowScriptAccess: "always",
-                allowfullscreen: 'true',
-                wmode: 'opaque'
-            };
-            var atts = { id: "myytplayer" };
-            swfobject.embedSWF("http://www.youtube.com/apiplayer?version=3&enablejsapi=1&playerapiid=ytplayer",
-                               "myth_player", window.innerWidth, window.innerHeight, "8", null, null, params, atts);
+            var videocode = gup('videocode');
+            function onYouTubeIframeAPIReady() {
+              myth_player = new YT.Player('myth_player', {
+                height: window.innerHeight,
+                width: window.innerWidth,
+                videoId: videocode,
+                events: {
+                  'onReady': onYouTubePlayerReady                }
+              });
+            }
 
-            function onYouTubePlayerReady(playerId) {
-                myth_player = document.getElementById("myytplayer");
-                myth_player.setVolume(50);
-                var videocode = gup('videocode');
-                if (videocode != "") {
-                    myth_player.cueVideoById(videocode);
-                    myth_player.playVideo();
-                }
+            function onYouTubePlayerReady(event) {
+                event.target.setVolume(50);
+                event.target.playVideo();
             }
 
             function play() {
@@ -70 +72 @@
                 document.body.style.width = window.innerWidth;
                 document.body.style.height = window.innerHeight;
                 if (myth_player) {
-                    //             myth_player.setSize(window.innerWidth, window.innerHeight);
-                    document.getElementById("myytplayer").width = window.innerWidth;
-                    document.getElementById("myytplayer").height = window.innerHeight;
+                    document.getElementById("myth_player").width = window.innerWidth;
+                    document.getElementById("myth_player").height = window.innerHeight;
                 }
             };
         </script>