Come incorporare un video su Vimeo su un blog o sito web

Come incorporare un video su Vimeo su un video?

L'incorporazione è una fase molto importante e interessante per aggiungere contenuti ad un blog, spesso è necessario aggiungere un video per mostrare ai propri utenti degli spot ad esempio o un video.

Si potrebbe inserire un link cliccabile, ma è meglio far visualizzare un video direttamente nel post. Abbiamo visto in questo post come incorporare un video presente su Youtube, oggi vedremo invece la stessa operazione per i video presenti su Vimeo.


VIDEO ESPLICATIVO DELL'INCORPORAZIONE:




L’incorporazione di un video in un post si presenterà come nel video incorporato qui sopra. In questo modo si rende più agevole la visualizzazione del contenuto in un unico post.

Incorporazione significa prendere “virtualmente” il video, senza salvarlo da nessuna parte, dato che i video sono su Vimeo e linkarlo sul sito o blog desiderato. In sostanza sul sito apparirà il riquadro del video che consentirà all’utente di visualizzarlo direttamente sulla pagina, senza andare alla ricerca sfrenata di quel determinato video che volevamo far vedere all’utente.

Il codice è reso disponibile direttamente sul sito ufficiale per i video che lo supportano, dato che sarà un'opzione attivabile dall'utente che ha caricato il video.

INCORPORARE VIDEO DALLO STRUMENTO DI VIMEO

Vediamo come fare, dividiamo il procedimento in quattro macrocategorie per scoprire come fare a incorporare un video da tutti i dispositivi:
  • Incorporazione video da Android
  • Incorporazione video da iOS
  • Incorporazione video da Computer 
Vedremo uno ad uno qui sotto.

INCORPORAZIONE VIDEO DA COMPUTER: 

Il metodo più semplice è l'incorporazione del video direttamente dal computer, molto più semplice per la gestione:
  • basta accedere al sito di Vimeo (eccovi il link diretto per praticità);
  • quindi cercate il video desiderato utilizzando la barra di ricerca;
  • Cliccate il pulsante di condivisione rappresentato da un'icona a forma di aereo di carta;
  • appariranno una serie opzioni, come quelle presenti nella foto qui sotto:

  • copiamo ed incolliamo il testo presente nella sezione "embed";
  •  Il codice deve essere simile a questo:"<iframe src="https://player.vimeo.com/video/......?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    <p><a href="https://vimeo.com/4........">TRENDS</a> from <a href="https://vimeo.com/maintake">MAINTAKE</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  • A questo punto apriamo la pagina web del nostro sito internet o blog;
  • Andiamo sulla sorgente HTML in cui vogliamo includere il video e incolliamo il codice. 
  • É possibile anche modificare le dimensioni, ponendo modifica per la larghezza sul numero "360" e per la lunghezza sul numero"640" con i valori che desideriamo. 
  • Per visualizzarlo al meglio anche nella versione mobile, é meglio verificare che sia allineato con la pagina in maniera corretta (con tali dimensioni, il riquadro é troppo grande e poco armonizzato con il resto della pagina).


INCORPORAZIONE VIDEO DA ANDROID
In questo caso il metodo non é molto agevole perché la versione mobile non permette l'incorporazione del video e pertanto bisognerà accedere alla versione desktop. Vediamo i singoli passaggi, per prima cosa é bene dotarsi di un browser con questa funzione.

Utilizzeremo Chrome, che ha tutte le funzioni necessarie per il nostro fine. Vediamo i passaggi: 
  • basta accedere al sito di Vimeo (eccovi il link diretto per praticità);
  • attiviamo la modalità desktop in Chrome;
  • quindi cercate il video desiderato utilizzando la barra di ricerca;
  • Cliccate il pulsante di condivisione rappresentato da un'icona a forma di aereo di carta;
  • appariranno una serie opzioni, come quelle presenti nella foto qui sotto:

  • copiamo ed incolliamo il testo presente nella sezione "embed";
  •  Il codice deve essere simile a questo:"<iframe src="https://player.vimeo.com/video/......?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    <p><a href="https://vimeo.com/4........">TRENDS</a> from <a href="https://vimeo.com/maintake">MAINTAKE</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  • A questo punto apriamo la pagina web del nostro sito internet o blog;
  • Andiamo sulla sorgente HTML in cui vogliamo includere il video e incolliamo il codice. 
  • É possibile anche modificare le dimensioni, ponendo modifica per la larghezza sul numero "360" e per la lunghezza sul numero"640" con i valori che desideriamo. 
  • Per visualizzarlo al meglio anche nella versione mobile, é meglio verificare che sia allineato con la pagina in maniera corretta (con tali dimensioni, il riquadro é troppo grande e poco armonizzato con il resto della pagina).

INCORPORAZIONE VIDEO DA IOS (IPHONE E IPAD)
Il metodo è molto simile a quello per android, solo che in questo caso utilizzeremo Safari come browser. Anche qui nella versione mobile non è disponibile l'incorporazione e per questo motivo dovremo accedere alla versione desktop del browser.

Vediamo i passaggi: 
  • basta accedere al sito di Vimeo (eccovi il link diretto per praticità);
  • attiviamo la modalità desktop di safari, basterà cliccare in alto a a sinistra, sul pulsante "aA";
  • quindi clicchiamo su "richiedi sito desktop";
  • quindi cercate il video desiderato utilizzando la barra di ricerca;
  • Cliccate il pulsante di condivisione rappresentato da un'icona a forma di aereo di carta;
  • appariranno una serie opzioni, come quelle presenti nella foto qui sotto:

  • copiamo ed incolliamo il testo presente nella sezione "embed";
  •  Il codice deve essere simile a questo:"<iframe src="https://player.vimeo.com/video/......?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    <p><a href="https://vimeo.com/4........">TRENDS</a> from <a href="https://vimeo.com/maintake">MAINTAKE</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  • A questo punto apriamo la pagina web del nostro sito internet o blog;
  • Andiamo sulla sorgente HTML in cui vogliamo includere il video e incolliamo il codice. 
  • É possibile anche modificare le dimensioni, ponendo modifica per la larghezza sul numero "360" e per la lunghezza sul numero"640" con i valori che desideriamo. 
  • Per visualizzarlo al meglio anche nella versione mobile, é meglio verificare che sia allineato con la pagina in maniera corretta (con tali dimensioni, il riquadro é troppo grande e poco armonizzato con il resto della pagina).
 Ed ecco fatto!


    Offerte consigliate:



    Commenti