Come incorporare codici video da qualsiasi fonte

Pubblicato: 2022-05-14

Un codice di incorporamento video è una stringa di codice contenente i dati di un video: URL, dimensione e nome, tra le altre variabili. Questi codici ti consentono di mostrare contenuti video sul tuo blog e sulle pagine di destinazione. E sicuramente desideri contenuti video sul tuo blog e sulle pagine di destinazione: la ricerca di Wistia ha dimostrato che i video aumentano il tempo di sessione di 2,6 volte.

Devi imparare come personalizzare e incorporare codici video da qualsiasi fonte per assicurarti che i video vengano riprodotti senza intoppi. Non sapere come incorporare correttamente il tuo codice può significare ospitare un video che non risponde che gli spettatori non possono guardare o condividere. Questi tre passaggi vanno oltre i soliti consigli "copia e incolla", insegnandoti come incorporare video che si distinguono nei tuoi articoli.

1. Scegli dove ospiterai il tuo video.

Ogni servizio di hosting video ha caratteristiche e vincoli unici. Alcuni provider di hosting offrono solo gli strumenti di base. Questi ti permetteranno di ospitare video e scegliere il loro posizionamento, il che è sufficiente se tutto ciò di cui hai bisogno è distribuire video sul tuo sito web. Ma per altre aziende, questi strumenti potrebbero essere insufficienti per tutte le tue esigenze. Ad esempio, un servizio di hosting di base non è sufficiente se desideri modificare la modalità di riproduzione di un video e monitorarne le prestazioni.

I provider di hosting economici sono convenienti, ma subiscono più tempi di inattività rispetto a quelli affidabili. Un lettore che non può guardare un video che promette di risolvere un problema importante cercherà una risposta altrove. Non importa se incorpori un video dal tuo laptop o da un sito di streaming: ti consigliamo di scegliere un provider di hosting affidabile con strumenti che ti aiutino a raggiungere i tuoi obiettivi.

I tuoi obiettivi determinano l'hosting che sceglierai. Se vuoi aumentare la tua brand awareness, usa YouTube. Un video che carichi su YouTube e successivamente incorpori nel tuo sito Web si classificherà su YouTube e nella ricerca di Google, così raggiungerai il pubblico più ampio.

Per un'azienda che si concentra su lead ad alto intento piuttosto che su un'ampia portata, Wistia è un'opzione migliore grazie al suo strumento di generazione di lead in-video. Ti consente di aggiungere CTA e moduli per creare un elenco di potenziali clienti direttamente dal video player.

2. Individua il codice di incorporamento del video

Alcuni CMS ti consentono di incorporare video senza il loro codice di incorporamento. Tutto quello che devi fare è incollare l'URL del video e il CMS lo inserirà nel tuo sito web. Sebbene sia conveniente, è meglio cercare manualmente il video e il relativo codice di incorporamento. L'accesso al codice ti permette di presentare il tuo video come vuoi.

Il controllo completo sul codice di incorporamento ti consente di offrire una piacevole esperienza di visualizzazione su tutti i dispositivi. E rendere facile la visione del video è essenziale per aiutare il tuo page rank su Google. I loro Web Vitals misurano quanto sia facile navigare nella tua pagina. Quando gli spettatori faticano a riprodurre o fare clic su un pulsante a causa della sua posizione, Google può retrocedere i tuoi articoli.

La maggior parte dei servizi di hosting memorizza i codici di incorporamento nell'opzione Condividi del lettore video. Anche se le informazioni sul codice variano a seconda degli host, di solito vedrai i dati sulle dimensioni, la durata e il titolo del video. Puoi modificare queste informazioni quando sei pronto per incorporare il tuo video.

3. Personalizza l'aspetto e la riproduzione del tuo video

Puoi aumentare la probabilità che qualcuno guardi il tuo video modificando l'aspetto e la riproduzione. I codici incorporati non modificati possono riprodurre video che si perdono all'interno dell'articolo o impiegare troppo tempo per arrivare al punto, ottenendo zero visualizzazioni. Puoi massimizzare il numero di visualizzazioni che il tuo video riceve con alcune modifiche.

Aspetto esteriore

Le dimensioni, il colore e la posizione del tuo video player influiscono se qualcuno guarda il tuo video. Gli spettatori possono perdere il tuo video se il suo lettore è troppo piccolo o appena visibile. Per convincere i lettori a interrompere lo scorrimento, scegli un colore per il tuo video player che contrasti con il resto della pagina.

Supponiamo che la tua pagina utilizzi uno sfondo bianco e il tuo video player utilizzi una miniatura e un pulsante di riproduzione di colore chiaro. In tal caso, un lettore che sfoglia il tuo articolo potrebbe non vederlo. In alternativa, immagina di modificare il codice di incorporamento in modo che il pulsante di riproduzione sia rosso brillante e il video copra l'80% della pagina. Queste modifiche renderebbero difficile agli spettatori perdere il tuo video.

Puoi modificare le dimensioni di un video e i colori del player modificando il codice. Per modificare la dimensione, vai al codice di incorporamento e cerca "width=" e "height=". Scegli una dimensione che copra la maggior parte dello schermo del tuo sito web per renderlo visibile. Nella maggior parte dei casi sono sufficienti una larghezza di 1280 pixel e un'altezza di 720 pixel.

Il codice di stile in linea può regolare il colore del tuo lettore video e il suo bordo. Modifica questi elementi trovando prima la parola "iframe" nel codice. Questo testo è una riga di codice che incorpora un altro documento in un file HTML. Quindi incolla style="border: 5px solid #AAA; subito dopo. Il numero prima del “px” indica la larghezza del bordo, mentre le tre lettere dopo lo stato # definiscono il colore del bordo nei codici colore HTML.

Impostazioni del giocatore

I video incorporati vengono riprodotti in modo diverso a seconda dei parametri del codice, noti anche come attributi. Modifica il codice per rendere i tuoi video più utili per gli spettatori.

A volte vuoi che lo spettatore salti l'inizio di un video. Forse l'introduzione non è utile per il loro problema e vuoi che arrivino direttamente alle informazioni essenziali. O forse si rivolge a un pubblico diverso ma ha informazioni che tutti potrebbero trovare utili. Qualunque sia il motivo, puoi modificare il codice per avviare il tuo video ogni volta che lo desideri.

Le opzioni di incorporamento di YouTube ti consentono di modificare il minuto di inizio del video senza dover scrivere righe di codice. Vai su Condividi, incorpora, seleziona la casella "Inizia da" e scrivi l'ora in cui dovrebbe iniziare il tuo video. Le persone al di fuori di YouTube di solito possono impostare l'ora di inizio nelle opzioni di incorporamento.

Un altro attributo utile è il parametro Loop, che ti consente di ripetere un video una volta terminato. Ciò è utile per gli spettatori che apprendono un'abilità da un video educativo. Questo vantaggio si verifica perché il cervello è più bravo a ricordare e conservare le informazioni che vede o ascolta più di una volta.

Puoi riprodurre in loop il tuo video nella maggior parte dei servizi di hosting spuntando una casella nelle opzioni di incorporamento. Se stai ospitando su YouTube, cerca l'indirizzo web dopo "src=" nel codice di incorporamento: questa riga di codice è l'URL di origine.

Quindi, cerca l'ID video, le lettere alfanumeriche dopo "/embed/". Scrivi "?playlist=[ID video] &loop=1" accanto all'ultimo numero del tuo ID video e, da quel momento in poi, il tuo video incorporato verrà riprodotto in loop.

Incorpora video realizzati da Vyond nel tuo sito web

Vyond è un software di animazione intuitivo che i membri dei team di marketing, risorse umane e apprendimento e sviluppo possono utilizzare per creare video accattivanti. Questi video riducono il tempo di onboarding del 67%, aumentano le conversioni della stessa percentuale e aumentano le condivisioni video del 375%. Con i modelli di Vyond, chiunque, indipendentemente dall'esperienza di animazione video, può trarre enormi vantaggi dall'utilizzo dei video.

Inizia una prova gratuita