2013-06-24 15 views
5

यूट्यूब जावास्क्रिप्ट एपीआई का उपयोग करना; 'प्ले' बटन क्लिक होने पर वीडियो को पूर्ण स्क्रीन चलाने का कोई तरीका है?प्ले पर: यूट्यूब वीडियो पूर्ण स्क्रीन

मुझे video container full screen बनाने का तरीका पता है, लेकिन यह केवल फ़ायरफ़ॉक्स और क्रोम के नवीनतम संस्करणों के लिए काम करता है।

यदि यूट्यूब जावास्क्रिप्ट एपीआई के माध्यम से ऐसा करने का कोई तरीका नहीं है, तो क्या आप क्रॉस ब्राउज़र के बारे में जानते हैं जब मैं क्लिक किया जाता है तो यूट्यूब वीडियो पूर्ण स्क्रीन बना सकता है?

इस तरह आप एक वीडियो पूर्ण स्क्रीन बनाने जब खेल फ़ायरफ़ॉक्स और क्रोम ब्राउज़र के नवीनतम संस्करण के लिए क्लिक किया जाता है है:

 function onPlayerStateChange(event) { 
      var player = document.getElementById("MSJbUEj7U7M"); 
      if (event.data != YT.PlayerState.BUFFERING && event.data != YT.PlayerState.CUED && event.data != YT.PlayerState.PLAYING) 
       return -1; 

      if (player.requestFullScreen) { 
       console.log("1()"); 
       player.requestFullScreen(); 
      } 
      else if (player.mozRequestFullScreen) { 
       console.log("2()"); 
       player.mozRequestFullScreen(); 
      } 
      else if (player.webkitRequestFullScreen) { 
       console.log("3()"); 
       player.webkitRequestFullScreen(); 
      } 
     } 

     function loadYouTubeVideo(uid) { 
      setTimeout(function() { 
         var id   = uid; 
         var instPlayer = new YT.Player(id, { 
          height: '480', 
          width: '853', 
          enablejsapi: 1, 
          suggestedQuality: 'highres', 
          videoId: uid, 
          events: { 
           'onStateChange': onPlayerStateChange 
          } 
         }); 
       }, 500); 
     } 
    </script> 

उत्तर

1

ऐसा लगता है कि आप ऐसा नहीं कर सकते जब तक कि उपयोगकर्ता पूर्ण क्लिक करता है स्क्रीन।

https://groups.google.com/forum/#!msg/youtube-api-gdata/Tyv3vTw0RQk/449KahYVNFYJ

+0

मैं तुम्हें एम्बेड वीडियो url यह स्वचालित रूप से वीडियो पूरी चौड़ाई और ब्राउज़र विंडो की ऊंचाई खुल जाएगा चाहते। जैसे -> "http://www.youtube.com/embed/om8invGWkeo" –

संबंधित मुद्दे