Casa Social media Come inserire file audio e video in Dreamweaver - dummies

Come inserire file audio e video in Dreamweaver - dummies

Video: COME INSERIRE VIDEO E AUDIO NEL PROPRIO SITO - Corso HTML #7 | Vita Da Founder 2025

Video: COME INSERIRE VIDEO E AUDIO NEL PROPRIO SITO - Corso HTML #7 | Vita Da Founder 2025
Anonim

Sebbene sia possibile utilizzare Dreamweaver per inserire file video direttamente in una pagina Web, il nostro miglior consiglio è quello di utilizzare uno dei servizi di hosting video, ad esempio come YouTube o Vimeo.

Quando selezioni Media dal menu Inserisci, trovi più opzioni video e audio. Se si desidera inserire file video in uno dei formati più vecchi e più proprietari, come Windows Media Video (.wmv) o QuickTime (. Mov), si sceglie l'opzione Plugin dall'elenco a discesa Media nell'Insert menu.

Se si desidera utilizzare i formati video più recenti utilizzando il tag video HTML5, è possibile inserire video nei formati MP4, webM o Ogg Theora seguendo questi passaggi:

  1. Fare clic nel punto desiderato il file da visualizzare sulla tua pagina web.

  2. Scegli Inserisci → Media → Video HTML5.

    Puoi anche fare clic sull'elenco a discesa nel pannello Inserisci, scegliere Media, quindi selezionare Video HTML 5. Una piccola scatola grigia contenente un'icona del film appare nel tuo disegno.

  3. Fare clic sulla piccola casella grigia contenente un'icona del film.

    Le proprietà video sono visualizzate nella finestra di ispezione Proprietà nella parte inferiore dello schermo.

  4. Nel campo Origine della finestra di ispezione Proprietà, inserire l'URL nel file video o selezionare l'icona Sfoglia e quindi selezionare un file video sul disco rigido.

    Dopo aver selezionato il file, il percorso e il nome file vengono visualizzati nella finestra Origine.

  5. (Opzionale) Usa i campi Alt Source 1 e Alt Source 2 per inserire l'URL o sfogliare e selezionare il video in altri formati.

    Una delle complessità dell'utilizzo del tag video HTML5 è che è possibile utilizzarlo con tre formati video: mp4, Ogg Theora e webM. Se vuoi che il tuo video venga riprodotto in tutti i browser Web più diffusi, devi includere il video in tutti e tre i formati.

    Si vede che tutti e tre i campi sorgente sono riempiti con video in ciascuno di questi formati. Inoltre, è possibile includere un video Flash per i browser Web meno recenti nel campo Flash Fallback.

    Se pensi che sia folle dover inserire quattro file video diversi in quattro formati diversi, non sei il solo. Questa complessità è dovuta alla mancanza di accordo tra le società di browser su quale sia il formato migliore per i video.

    Un altro vantaggio dell'utilizzo di Vimeo o YouTube, per ospitare i tuoi video è che puoi caricare un video in un solo formato e YouTube e Vimeo convertirlo e consegnarlo automaticamente in tutti questi formati automaticamente.

  6. Immettere l'altezza e la larghezza nei campi H e W, rispettivamente, della finestra di ispezione Proprietà.

    Quando si aggiunge audio o video, Dreamweaver non determina automaticamente l'altezza e la larghezza del file, quindi è necessario aggiungere le dimensioni nella finestra di ispezione Proprietà dopo aver inserito il file.

  7. Salvare la pagina e fare clic sull'icona Anteprima (globo) (nella parte superiore dell'area di lavoro) per aprire la pagina in un browser, per garantire la compatibilità.

    Non tutti i formati video verranno riprodotti in tutti i browser. Metti alla prova il tuo video per assicurarti che venga riprodotto almeno nel browser che hai scelto come destinazione principale. Se hai impostato il file su Autoplay, il tuo file verrà riprodotto automaticamente quando la pagina verrà caricata nel browser. In caso contrario, il browser inserisce un semplice controller in modo da poter avviare, mettere in pausa, avanzare rapidamente e riavvolgere il video.

Come inserire file audio e video in Dreamweaver - dummies

Scelta dell'editore

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Microsoft Office 2007 è pieno di scorciatoie da tastiera per risparmiare tempo. Comprimi i componenti di Office 2007 - Word, Excel, Outlook, PowerPoint e Access - utilizzando i tasti di scelta rapida utili della seguente tabella. Con poco sforzo, puoi aprire file, trovare contenuti, modificare quel contenuto e altro! Funzione Ctrl Copia Ctrl + C Taglia Ctrl + X Trova Ctrl + F Vai ...

Vantaggi di Lync Online - dummies

Vantaggi di Lync Online - dummies

Lync Online è disponibile sia in ambito professionale sia in piccole imprese (P) e aziendali (E ) piani in Office 365. Le funzionalità includono messaggistica istantanea (IM), chiamate audio e video, presenza, riunioni online, presentazioni online e la possibilità di connettersi con i contatti di Windows Live Messenger e altri utenti esterni che eseguono Lync. La tecnologia è integrata in tutto ...

Come avviare una conversazione con Lync Online - dummies

Come avviare una conversazione con Lync Online - dummies

La scheda di contatto di Lync Online è un ottimo modo per avviare una conversazione con un collega o i membri del tuo team. Oltre alle note personali, alla presenza e alla posizione, vengono visualizzate anche le informazioni sulla tua organizzazione come il titolo e i numeri di telefono. Per visualizzare la scheda di contatto, passa con il mouse sopra l'immagine di una persona e fai clic sul gallone ...

Scelta dell'editore

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Quando si imposta su un account Twitter per il social marketing visivo, un tipo di immagine che è richiesto per il tuo profilo è l'immagine di sfondo - viene visualizzata dietro il profilo Twitter. Nella parte superiore della schermata Impostazioni disegno, Twitter ti consente di scegliere tra una serie di temi premade. Un tema premade applica un ...

Come scegliere un buon nome utente Twitter - dummy

Come scegliere un buon nome utente Twitter - dummy

Su Twitter, il tuo nome utente, o handle, è il tuo identità. Se puoi, iscriviti a Twitter usando il tuo nome o una variante di esso come nome utente (supponendo che qualcun altro non lo stia già utilizzando). Ad esempio, se il tuo nome è John Ira, potresti scegliere un nome utente Twitter come @johnira o ...

Come personalizzare il tuo profilo Twitter - dummies

Come personalizzare il tuo profilo Twitter - dummies

La tua pagina pubblica su Twitter, noto anche come profilo, è la prima impressione che gli altri utenti di Twitter hanno di te, e può fare una grande differenza nel decidere se seguirti. Personalizzare la tua pagina del profilo Twitter in modo che rifletta te o la tua azienda fa la differenza quando si tratta di persone ...

Scelta dell'editore

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Drago Individuo professionale capisce solo quelli che si sono presentati ufficialmente come utenti e hanno creato un profilo utente. Ecco quattro motivi per cui potresti voler creare più di un profilo utente: usi diversi vocabolari o stili di scrittura per compiti diversi. Si utilizzano diversi microfoni per compiti diversi. Volete ...

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Utilizzando fogli di calcolo con versioni precedenti di NaturallySpeaking era difficile perché non si poteva indirizzare direttamente i nomi delle celle. Volevi dire qualcosa come "Cella A5" o "Seleziona Colonna C." Ma (sospiro), niente dado. Il tuo assistente non aveva idea di cosa stavi parlando. Bene, il tuo assistente ha "up-leveled" le sue abilità! Ora è possibile ...

Su Evernote's Passcode Lock - dummies

Su Evernote's Passcode Lock - dummies

Abbonati premium e business che utilizzano determinati dispositivi ora possono bloccare l'app Evernote con un blocco Passcode . Ogni volta che torni all'app, ti viene chiesto di inserire il tuo codice. Un blocco passcode è un'ottima opzione se condividi il tuo telefono o tablet con altre persone e vuoi impedire loro di accedere a ...