Installa la nostra toolbar!
Tips / Youtube
addthis
Abilitare il fullscreen sul player Youtube via Javascript API
Author: Tafaz
Visits: 1589
Date: 17.10.2008
Le API di Youtube permettono di embeddare un video nel proprio sito usando un semplice Javascript come spiegato in questo link con il seguente codice:

  <script type="text/javascript" src="swfobject.js"></script>    
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID", 
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>
non è però specificato come abilitare il tasto per visualizzare in fullscreen il video.
Per abilitare questa funzionalità bisogna aggiungere allowFullScreen : "true" ai params che vengono passati all'swfObject e &fs=1 all'url del player come evidenziato nel codice qui sotto:
  <script type="text/javascript" src="swfobject.js"></script>    
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always", allowFullScreen: "true" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID&fs=1", 
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>




Page 1 of 1


Se vuoi discutere con noi su questo articolo o comunque vuoi porci delle domande usa il nostro Forum

COMMENTI

Aggiungi un commento! +
(I commenti verranno moderati prima della pubblicazione)


Top