I codici HTML per inserire un video clip

July 26

Quando si desidera inserire un clip video sul vostro sito o altri servizi HTML supportati, sono disponibili due opzioni. Il primo è quello di caricarlo su un servizio come Vimeo o YouTube e utilizzare il codice embed. L'altra opzione è quella di caricare il video al proprio spazio web e utilizzare il <embed> o <video> tag per inserire il video nel sito web. Entrambe le opzioni sono valide; basta scegliere quella che meglio si adatta alle vostre esigenze.

utilizzando Incorpora

Il tag più rapido e semplice per l'incorporamento video sul tuo sito web è il tag <embed>. Non è collegato a qualsiasi tipo di supporto o tipo di file; il tag <embed> è usato per l'audio che per il video. Utilizzando il tag embed, è possibile specificare l'altezza e la larghezza del video, ma per il resto non hanno bisogno di ulteriori attributi. Il video di HTML di base incorporato assomiglia a questo:

<Embed src = "http://www.yourdomain.com/video.mp4&quot; width =" 320 "height =" 240 "/>

utilizzando Video

Il tag <video> è stato progettato per HTML5 e ti dà la possibilità di utilizzare più formati di file video. Con queste molteplici formati disponibili, i visitatori hanno meno probabilità di incontrare gli errori con plug-in mancanti. È anche possibile inserire un avviso personalizzato sul supporto video direttamente nel codice HTML. Una semplice applicazione del tag <video>, con una sola sorgente video, sarebbe simile a questa:

<video width = "320" height = "240" controlli = "controls">
<Source src = "http://www.yourdomain.com/video.mp4&quot; type =" video / mp4 "/>
Questo video non può visualizzare nel browser.
</ Video>

È possibile modificare le impostazioni ulteriormente all'interno del tag <video>. "Controlli" indica se l'utente può vedere i controlli per la riproduzione di manipolazione. "Autoplay" cambia se il video si avvia automaticamente. Per esempio, se si desidera che il video per l'avvio automatico, ma non hanno alcuna possibilità di controllo, sarebbe simile

<Video larghezza = "320" height = "240" autoplay = "autoplay">
<Source src = "http://www.yourdomain.com/video.mp4&quot; type =" video / mp4 "/>
Questo video non può visualizzare nel browser.
</ Video>

Utilizzando Servizi video

Il vantaggio di utilizzare un servizio di video sul proprio video ospitato è che i siti come YouTube sono progettati per essere il più possibile compatibili; è improbabile che si incontrano un browser che non supporta la riproduzione da YouTube. Non avrete bisogno di uno spazio di hosting per il video se si utilizza un servizio video. servizi video non richiedono esperienza HTML; il codice è pregenerato e deve semplicemente essere copiato e incollato. È possibile copiare il codice embed da siti come YouTube, Vimeo e anche Flickr.

La scelta di un formato video

Scegliere un formato video che è abbastanza piccolo per caricare sulla maggior parte dei collegamenti e che non avrà troppa larghezza di banda. Il formato MP4 è fortemente sostenuto e non eccessivamente grande; è probabilmente la soluzione migliore per la compatibilità più browser. file FLV, utilizzati per un sacco di servizi di streaming video, possono richiedere i plug-in che ogni utente non può avere. file WMV lavorano su computer Windows, ma potrebbe non essere così conveniente per i visitatori con Linux o OS X.