Ultimo aggiornamento: febbraio 9, 2021
Per rendere il tuo video incorporato reattivo, personalizza la dimensione predefinita del video usando gli strumenti di stile nell'editor dei contenuti. Se hai dimestichezza con l'HTML, puoi personalizzare il tuo video incorporato con codice personalizzato.
Rendere il video incorporato reattivo
- Nel tuo account HubSpot, vai alle pagine del sito web, alle landing page o ai post del blog.
- Clicca sul nome del post del blog o della pagina che contiene il tuo video incorporato.
- Nell'editor di contenuti, clicca sul video che hai incorporato, poi nella barra degli strumenti rich text in alto, clicca sull'icona Full width fullWidth
Il tuo video ora occuperà l'intera larghezza di qualsiasi dispositivo utilizzato per visualizzare il tuo contenuto. Tieni presente che l'opzione full width è disponibile solo per alcuni tipi di incorporazioni:
- Tutti gli incorporamenti con un
tag<script>non avranno ilsupportofull-width perché questi incorporamenti generano contenuto dinamico. - HubSpot può supportare la funzionalità full-width per la maggior parte degli altri embed, e in caso contrario puoi modificare il codice embed per ottenere il livello desiderato di reattività.
Personalizza lo stile del tuo video incorporato con il codice
Nota: usa questo metodo solo se sei a tuo agio a lavorare con l'HTML.
Per personalizzare lo stile applicato al tuo video incorporato:
- Nel tuo account HubSpot, vai alle pagine del sito web, alle landing page o ai post del blog.
- Clicca sul nome del post del blog o della pagina che contiene il tuo video incorporato.
- Nell'editor di contenuti, fai clic sul video che hai incorporato, quindi fai clic sull'icona della matita
- Nel popover Edit Embed, modifica il codice sorgente del tuo video incorporato.
- Clicca su Apply.