Inserire video nella pagina html

a) Inserire il video da You Tube
Per incorporare nella pagina HTML un video da YouTube, è necessario procedere in questo modo:
1. Da You Tube, cliccare su Condividi, quindi su Codice da incorporare, copiare il codice evidenziato che appare nella finestra sotto
    ( esempio:
<object width="480" height="385"><param value="http://www.youtube.com/v/5xVRcNDZ-dg&hl=it_IT&fs=1&"></param><param value="true"></param><param value="always"></param><embed src="http://www.youtube.com/v/5xVRcNDZ-dg&hl=it_IT&fs=1&" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object> )

2. in NVU, nella pagina in cui si vuole inserire il video, posizionarsi con il cursore nel punto esatto in cui si vuole inserire il video
3. visualizzare la modalità SORGENTE (in basso); comparirà il codice HTML della pagina su cui si sta lavorando; il cursore lampeggia nella posizione in cui è stato inserito
4. incollare il codice
5. tornare in modalità NORMALE
6. Salvare la pagina
Le modifiche non sono visibili all'internodi NVU; per visualizzare il video è necessario aprire la pagina con un browser, direttamente dalla cartella dell'ipertesto, dunque fuori da NVU (oppure aggiornare il browser premendo F5 se la pagina era precedentemente visualizzata).

b) Inserire un video personale (opzione sconsigliata per video molto pesanti)
Si vedano le indicazioni QUI . ATTENZIONE: affinchè il collegamento funzioni ed il video sia visibile, il file del video dovrà essere presente nella cartella dell'ipertesto!!!.

c)Inserire un audio nella pagina
Posizionarsi nel punto della pagina in cui si vuole inserire il suono (.mid, .wav, .mp3), entrare in modalità SORGENTE e copiare il seguente codice:
 <embed src="nome_file" width="32" height="32" loop=”true”></embed>

Oppure

<embed src="nome_file" loop="true"  height="1" width="1"> </embed>
<embed src="nome_file" loop="true"  hidden=”true”> </embed>
<embed src="TheBeatles_Blackbird.mp3" loop="true"  hidden="true">  [no barra di controllo]

NB: sostituire a “nome_file” il percorso reale del file nella cartella dell'ipertesto; ad esempio, se il file suono.mp3  è inserito in una cartella “suoni”, il percorso da digitare sarà “suoni/suono.mp3”

html 5

esempi

<audio src="BiancoNatale.mp3" autoplay="autoplay" loop="loop"></audio>

se si inserisce l’attributo controls=“controls”, si ha la visualizzazione della barra per il controllo dell’audio:
<audio src="BiancoNatale.mp3" controls=“controls”></audio>

è possibile anche il posizionamento:
<audio src=“BiancoNatale.mp3" controls=“controls” style=“position: absolute; top: 100px; left: 300px;”></audio>

[torna]