.. _widgetpedia/elements/html/video:

video
=====




Alla stregua del widget  :ref:`img<widgetpedia/elements/html/img>` , il widget ``video`` permette di mostrare un'anteprima di un video, in questo caso corredato da un comodo video player.

Anche *video* riceve l'attributo ``src``, dove verrà indicato il path (assoluto o relativo) dove si trova il video. Inoltre, con l'attributo ``controls`` è possibile specificare se mostrare o no i controlli del player::

  fb.video(src='^.video_url', 
                    width='320px',
                    height='168px',
                    controls=True)
                    
.. raw:: html

    <hr>

.. raw:: html

 <hr>

**Parametri:**

+------------------------+------+--------------------------------------------------+
|     Nome parametro     | Tipo |                   Descrizione                    |
+========================+======+==================================================+
|src                     |T     |Permette di indicare il path (assoluto o relativo)|
|                        |      |del video da mostrare                             |
+------------------------+------+--------------------------------------------------+
|controls                |B     |Se impostato a True, verranno mostrati anche i    |
|                        |      |controlli del player video                        |
+------------------------+------+--------------------------------------------------+
|autoplay                |B     |Se impostato a True, il video verrà avviato       |
|                        |      |automaticamente al caricamento della pagina       |
+------------------------+------+--------------------------------------------------+
|muted                   |B     |Se impostato a True, il video partirà senza       |
|                        |      |l'audio                                           |
+------------------------+------+--------------------------------------------------+
|onpause                 |T     |Permette di specificare un evento javascript da   |
|                        |      |scatenare quando il video viene messo in pausa    |
+------------------------+------+--------------------------------------------------+
|onplay                  |T     |Permette di specificare un evento javascript da   |
|                        |      |scatenare quando il video viene avviato           |
+------------------------+------+--------------------------------------------------+
|                                 *Html Parametri*                                 |
+------------------------+------+--------------------------------------------------+
|_class                  |T     |Permette di assegnare una specifica classe CSS al |
|                        |      |widget                                            |
+------------------------+------+--------------------------------------------------+
|height                  |T     |Permette di assegnare un'altezza al widget        |
+------------------------+------+--------------------------------------------------+
|width                   |T     |Permette di assegnare una larghezza al widget     |
+------------------------+------+--------------------------------------------------+
|border                  |T     |Permette di assegnare un bordo al widget          |
+------------------------+------+--------------------------------------------------+
|rounded                 |L     |Permette di assegnare un arrotondamento al widget |
+------------------------+------+--------------------------------------------------+
|style                   |T     |Permette di assegnare uno stile (da esprimersi    |
|                        |      |come serie di attributi CSS) al widget            |
+------------------------+------+--------------------------------------------------+
|background              |T     |Permette di assegnare uno sfondo al widget        |
+------------------------+------+--------------------------------------------------+
|                                 *HTML Parametri*                                 |
+------------------------+------+--------------------------------------------------+
|disabled                |B     |Permette di disabilitare il campo. Es:            |
|                        |      |disabled=True                                     |
+------------------------+------+--------------------------------------------------+

.. sectionauthor:: Davide Paci