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

Vantaggi di base della rete - manichini

Vantaggi di base della rete - manichini

Se la verità viene detta, le reti di computer sono un problema da impostare. Perché i vantaggi di avere una rete rendono la pena di crearne uno utile. Non è necessario essere un dottorato di ricerca per comprendere i vantaggi del networking. Le reti riguardano esclusivamente la condivisione. Nello specifico, le reti riguardano la condivisione di tre elementi: informazioni, risorse, ...

Biometria L'accettazione, la privacy e la legge - manichini

Biometria L'accettazione, la privacy e la legge - manichini

La tecnologia biometrica non è affatto universalmente accettata da tutti gli utenti. Ci sono una serie di considerazioni sociali e legali che danno ad ogni organizzazione una pausa prima di fare il salto a capofitto nell'implementazione di un sistema biometrico. Le persone sono più a loro agio con i sistemi di raccolta biometrici che sono i meno intrusivi. Scanner per retina e nasi elettronici sono ...

Biometria Nozioni di base - manichini

Biometria Nozioni di base - manichini

La biometria non è roba da fantascienza. Puoi trovare una dozzina di modi più o meno efficaci per utilizzare la biometria per identificare qualcuno, ognuno dei quali si divide in due classi: la biometria fisiologica misura una parte specifica della struttura o della forma di una porzione del corpo di un soggetto. La biometria comportamentale è più interessata a come ...

Scelta dell'editore

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

In Excel 2007, è possibile creare dizionari personalizzati da utilizzare quando si esegue il controllo ortografico dei fogli di lavoro. Utilizzare il pulsante Aggiungi al dizionario nella finestra di dialogo Controllo ortografico per aggiungere parole sconosciute a un dizionario personalizzato. Per impostazione predefinita, Excel aggiunge queste parole a un file dizionario personalizzato denominato CUSTOM. DIC, ma è possibile creare una nuova personalizzazione ...

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Sebbene sia possibile convertire qualsiasi cartella di lavoro di Excel in un componente aggiuntivo, non tutte le cartelle di lavoro traggono vantaggio da questa conversione. Una cartella di lavoro senza macro rende un componente aggiuntivo inutile. In effetti, gli unici tipi di cartelle di lavoro che traggono vantaggio dall'essere convertiti in un componente aggiuntivo sono quelli con macro. Ad esempio, una cartella di lavoro costituita da macro generiche (Sub ...

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Se si lavora in Microsoft Excel 2010 e vuoi iniziare a lavorare in un nuovo file di cartella di lavoro di Excel, puoi facilmente creare una nuova cartella di lavoro. Per fare ciò, puoi usare un comando nella scheda File o una scorciatoia da tastiera. Fare clic sulla scheda File. Excel visualizza la visualizzazione Backstage, in cui è possibile accedere ai comandi relativi ai file. ...

Scelta dell'editore

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Adobe Illustrator Creative Suite 5 (Adobe CS5) Illustrator è utilizzato per rimuovere rapidamente aree di grafica con la stessa facilità con cui si cancellano i pixel in Photoshop, accarezzando con il mouse su qualsiasi forma o gruppo di forme. Facendo doppio clic sullo strumento Gomma, è possibile definire il diametro, l'angolo e la rotondità della gomma. Se stai usando un ...

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

I più popolari strumenti di trasformazione in Adobe Creative Suite 5 (Adobe CS5) Illustrator - Rifletti, scala, inclina, rimodella e Trasformazione libera: sono facili da usare e modificano rapidamente la tua illustrazione. Lo strumento Rifletti Niente è simmetrico, giusto? Forse no, ma gli oggetti non creati simmetricamente in Illustrator possono sembrare off-kilter. Utilizzando lo strumento Rifletti, si ...

Quando utilizzare Adobe CS5 Illustrator - dummies

Quando utilizzare Adobe CS5 Illustrator - dummies

Utilizzando Adobe Creative Suite 5 (Adobe CS5) Illustrator anziché Photoshop , ottieni diversi benefici. Potresti aver sentito che Illustrator è migliore per la grafica vettoriale, ma perché e che altro porta? Illustrator può salvare ed esportare immagini nella maggior parte dei formati di file. Scegliendo di salvare o esportare, è possibile creare un ...