Selezionate Inserisci > HTML > Flash Video.
Ultimo aggiornamento il
25 set 2023
Scoprite come incorporare video nelle pagine Web e inserire file FLV in Dreamweaver.
Incorporare video in pagine Web (HTML5)
Lo standard HTML5 supporta tag video e audio che consentono agli utenti di riprodurre file video e audio in un browser senza che sia necessario un plugin o un lettore esterno. Dreamweaver supporta i suggerimenti sul codice per l'aggiunta di tag video e audio.
La vista Dal vivo esegue il rendering del video e fornisce così un'anteprima del filmato che state incorporando in una pagina Web.
Nota
Benché sia possibile incorporare qualunque tipo di video in una pagina Web, la vista Dal vivo non è sempre in grado di eseguire il rendering di tutti i video. I tag audio e video sono supportati in Dreamweaver mediante il plugin Apple QuickTime. In Windows, se il plugin Apple QuickTime non è installato, il rendering del contenuto multimediale nella pagina Web non viene eseguito.
Per informazioni sull’inserimento di video HTML5, consultate Inserire video HTML5 in Dreamweaver.
Inserimento di file FLV
Inserire file FLV
Puoi facilmente aggiungere video FLV alle pagine web senza utilizzare lo strumento di authoring Flash. Dovete disporre di un file FLV codificato prima di cominciare.
Dreamweaver inserisce un componente SWF che visualizza il file FLV; quando viene visualizzato in un browser, questo componente mostra il file FLV selezionato e una serie di controlli di riproduzione.
Dreamweaver offre le seguenti opzioni per distribuire video FLV ai visitatori del sito:
Video a scaricamento progressivo
Scarica il file FLV sul disco rigido del visitatore del sito e lo riproduce. A differenza dei metodi tradizionali di distribuzione video «scarica e riproduci», tuttavia, il download progressivo consente al file video di iniziare la riproduzione prima che il download sia completato.
Streaming video
Esegue lo streaming del contenuto video e lo riproduce immediatamente nella pagina web, dopo un breve periodo di buffering che ne assicura una riproduzione fluida. Per attivare lo streaming video sulle pagine web, dovete disporre dell'accesso ad Adobe® Flash® Media Server.
Dovete disporre di un file FLV codificato per poterlo utilizzare in Dreamweaver. Potete inserire file video creati con due tipi di codec (tecnologie di compressione/decompressione): Sorenson Squeeze e On2.
Come accade con i normali file SWF, quando inserite un file FLV, Dreamweaver inserisce del codice che rileva se l'utente dispone della versione corretta di Flash Player per visualizzare il video. In caso contrario, la pagina visualizza del contenuto alternativo che richiede all'utente di scaricare la versione più recente di Flash Player.
Nota
Per visualizzare i file FLV, gli utenti devono aver installato Flash Player 8 o versione successiva sul computer. Se un utente non ha installato la versione richiesta di Flash Player bensì Flash Player 6.0 r65 o versione successiva, il browser visualizza un programma di installazione rapida di Flash Player anziché il contenuto alternativo. Se l'utente rifiuta l'installazione rapida, la pagina visualizza il contenuto alternativo.
Per ulteriori informazioni sulle operazioni con i video, visitate il Centro sulla tecnologia video all'indirizzo www.adobe.com/go/flv_devcenter_it.
Inserire un file FLV
Nella finestra di dialogo Inserisci FLV, seleziona Download progressivo o Video in streaming dal menu a comparsa Tipo video.
Completa le altre opzioni della finestra di dialogo e fai clic su OK.
Nota
Microsoft Internet Information Server (IIS) non elabora i tag object nidificati. Per le pagine ASP, Dreamweaver utilizza codice object/embed nidificato anziché codice object nidificato quando inserisce file SWF o FLV.
Imposta le opzioni per il video con download progressivo
La finestra di dialogo Inserisci FLV consente di impostare le opzioni per la distribuzione tramite download progressivo di un file FLV inserito in una pagina web.
Selezionate Inserisci > HTML > Flash Video (oppure fate clic sull'icona Flash Video nella categoria HTML del pannello Inserisci).
Nella finestra di dialogo Inserisci FLV, seleziona Video con download progressivo dal menu Tipo video.
Specificate le seguenti opzioni:
URL
Specifica un percorso relativo o assoluto al file FLV. Per specificare un percorso relativo (ad esempio, miopercorso/miovideo.flv), fai clic sul pulsante Sfoglia, vai al file FLV e selezionalo. Per specificare un percorso assoluto, digita l'URL (ad esempio, http://www.example.com/myvideo.flv) del file FLV.
Skin
Specifica l'aspetto del componente video. Un'anteprima dell'interfaccia selezionata appare sotto il menu a comparsa Interfaccia.
Larghezza
La larghezza del file FLV in pixel. Dreamweaver determinare la larghezza del file FLV che sarà visualizzata automaticamente in questo campo.
Altezza
L’altezza del file FLV in pixel. Dreamweaver ottimizza automaticamente l’altezza del file FLV che sarà visualizzata automaticamente in questo campo.
Nota
Totale con skin indica la larghezza e l'altezza del file FLV più quelle dello skin selezionato.
Vincola
Mantiene le stesse proporzioni tra larghezza e altezza del componente video. Questa opzione è selezionata per impostazione predefinita.
Riproduzione automatica
Specifica se riprodurre il video quando viene aperta la pagina web.
Riavvolgimento automatico
Specifica se il controllo di riproduzione torna alla posizione iniziale dopo che il video termina la riproduzione.
Fai clic su OK per chiudere la finestra di dialogo e aggiungere il file FLV alla pagina web.
Il comando Inserisci FLV genera un file SWF del lettore video e un file SWF dell'interfaccia utilizzati per visualizzare i contenuti video su una pagina web. (Per vedere i nuovi file, potrebbe essere necessario fare clic sul pulsante Aggiorna nel pannello File.) Questi file sono memorizzati nella stessa directory del file HTML a cui stai aggiungendo contenuti video. Quando carichi la pagina HTML contenente il file FLV, Dreamweaver carica questi file come file dipendenti (purché fai clic su Sì nella finestra di dialogo Inserisci file dipendenti).
Impostare le opzioni per lo streaming video
La finestra di dialogo Inserisci FLV consente di impostare le opzioni per il download di video in streaming di un file FLV inserito in una pagina web.
Selezionate Inserisci > HTML > Flash Video (oppure fate clic sull'icona Flash Video nella categoria HTML del pannello Inserisci).
Selezionate Streaming Video dal menu a comparsa Tipo di video.
URI server
Specifica il nome del server, il nome dell'applicazione e il nome dell'istanza nella forma rtmp://www.example.com/app_name/instance_name.
Nome flusso
Specifica il nome del file FLV che desideri riprodurre (ad esempio, miovideo.flv). L'estensione .flv è facoltativa.
Skin
Specifica l'aspetto del componente video. Un'anteprima della skin selezionata appare sotto il menu a comparsa Skin.
Larghezza
La larghezza del file FLV in pixel. Dreamweaver determina la larghezza del file FLV e la inserisce automaticamente in questo campo.
Altezza
L’altezza del file FLV in pixel. Dreamweaver determina l’altezza del file FLV e ne inserisce automaticamente il valore in pixel in questo campo.
Nota
Totale con skin indica la larghezza e l'altezza del file FLV più quelle dello skin selezionato.
Vincola
Mantiene le proporzioni tra larghezza e altezza del componente Video. Questa opzione è selezionata per impostazione predefinita.
Feed video dal vivo
Specifica se il contenuto video è dal vivo. Se Feed video dal vivo è selezionato, Flash Player riprodurrà un feed video dal vivo con streaming da Flash® Media Server. Il nome del feed video dal vivo è il nome specificato nella casella di testo Nome flusso.
Nota
Per abilitare il feed video dal vivo, dovete selezionare una delle opzioni skin Halo dal campo Skin. Quando selezionate Feed video dal vivo, nello skin del componente viene visualizzato solo il controllo del volume, in quanto non è possibile modificare il video dal vivo. Inoltre, le opzioni Riproduzione automatica e Riavvolgimento automatico non avranno effetto.
Riproduzione automatica
Specifica se riprodurre il video quando la pagina web viene aperta.
Riavvolgimento automatico
Specifica se il controllo di riproduzione torna alla posizione iniziale una volta terminata la riproduzione del video.
Tempo di buffer
Specifica il tempo, in secondi, necessario per il buffering prima che il video inizi la riproduzione. Il tempo di buffer predefinito è impostato su 0 in modo che il video inizi la riproduzione immediatamente dopo aver fatto clic sul pulsante Riproduci.(Se è selezionata la Riproduzione automatica, il video inizia la riproduzione appena viene stabilita una connessione con il server.) Potresti voler impostare un tempo di buffer se stai distribuendo un video con un bit rate superiore alla velocità di connessione del visitatore del sito, o quando il traffico Internet potrebbe causare problemi di larghezza di banda o connettività. Ad esempio, se desideri inviare 15 secondi di video alla pagina Web prima che questa inizi a riprodurre il video, imposta il tempo di buffer su 15.
Fai clic su OK per chiudere la finestra di dialogo e aggiungere il file FLV alla pagina web.
Il comando Inserisci FLV genera un file SWF del lettore video e un file SWF della skin utilizzati per visualizzare il tuo video su una pagina web. Il comando genera anche un file main.asc che devi caricare sul Flash Media Server.(Per vedere i nuovi file, potrebbe essere necessario fare clic sul pulsante Aggiorna nel pannello File.) Questi file vengono salvati nella stessa directory del file HTML a cui stai aggiungendo contenuti video. Quando carichi la pagina HTML che contiene il file FLV, non dimenticare di caricare i file SWF sul web server e il file main.asc sul Flash Media Server.
Nota
Se hai già un file main.asc sul tuo server, consulta l'amministratore del server prima di caricare il file main.asc generato dal comando Inserisci FLV.
Puoi caricare facilmente tutti i file media necessari selezionando il segnaposto del componente video nella finestra Documento di Dreamweaver e facendo clic sul pulsante Carica media nell'Ispettore proprietà (Finestra > Proprietà). Per vedere un elenco dei file richiesti, fai clic su Mostra file richiesti.
Nota
Il pulsante Carica media non carica il file HTML che contiene i contenuti video.
Modificare le informazioni sullo scaricamento di Flash Player
Quando inserite un file FLV in una pagina, Dreamweaver inserisce del codice che rileva se l'utente dispone dalla versione corretta di Flash Player. In caso contrario, la pagina visualizza del contenuto alternativo predefinito che richiede all'utente di scaricare la versione più recente. Potete modificare questo contenuto alternativo in qualsiasi momento.
La procedura è valida anche per i file SWF.
Nota
Se un utente non dispone della versione richiesta bensì di Flash Player 6.0 r65 o successivo, il browser visualizza un programma di installazione rapida di Flash Player. Se l'utente rifiuta l'installazione rapida, la pagina visualizza il contenuto alternativo.
Nella
vista Progettazione della finestra Documento, seleziona il file SWF o il file FLV.
Fate clic sull’icona a forma di occhio nel file SWF o FLV.
Nota
Puoi anche premere Ctrl + ] per passare alla vista contenuto alternativo. Per tornare alla vista SWF/FLV, premi Ctrl + [ finché tutto il contenuto alternativo non è selezionato. Quindi premi Ctrl + [ di nuovo.
Modifica il contenuto come faresti per qualsiasi altro contenuto
in Dreamweaver.
Nota
Non puoi aggiungere file SWF o file FLV come contenuto alternativo.
Fai clic di nuovo sull'icona dell'occhio per tornare alla visualizzazione del file SWF o FLV.
Risolvere i problemi dei file FLV
Questa sezione descrive alcune delle cause più comuni di problemi con i file FLV.
Problemi di visualizzazione causati dall'assenza di file correlati
Il codice generato da Dreamweaver CS4 e versioni successive si basa su quattro file dipendenti, diversi dal file FLV stesso:
swfobject_modified.js
expressInstall.swf
FLVPlayer_Progressive.swf
Il file dello skin (ad esempio Clear_Skin_1.swf)
Nota che ci sono due file dipendenti aggiuntivi per Dreamweaver CS4 e versioni successive, rispetto a Dreamweaver CS3.
I primi due di questi file (swfobject_modified.js e expressInstall.swf) sono installati in una cartella chiamata Scripts, che Dreamweaver crea nella radice del sito se non esiste già.
I secondi due file (FLVPlayer_Progressive.swf e il file skin) sono installati nella stessa cartella della pagina in cui è incorporato l'FLV.Il file skin contiene i controlli per l'FLV e il nome dipende dal skin scelto nelle opzioni descritte nell'Aiuto di Dreamweaver.Ad esempio, se scegli Clear Skin, il file si chiama Clear_Skin_1.swf.
Tutti e quattro i file dipendenti DEVONO essere caricati sul server remoto perché l'FLV venga visualizzato correttamente.
Dimenticarsi di caricare questi file è la causa più comune del mancato funzionamento corretto dei file FLV in una pagina web.Se uno dei file manca, potresti vedere una «casella bianca» sulla pagina.
Per assicurarti di aver caricato tutti i file dipendenti, utilizza il pannello File di Dreamweaver per caricare la pagina in cui appare l'FLV.Quando carichi la pagina, Dreamweaver ti chiede se desideri caricare i file dipendenti (a meno che tu non abbia disattivato questa opzione).Fate clic su Sì per caricare i file dipendenti.
Problemi di visualizzazione durante l'anteprima delle pagine in locale
A causa degli aggiornamenti di sicurezza in Dreamweaver CS4, non puoi utilizzare il comando Mostra anteprima nel browser per testare una pagina con un FLV incorporato, a meno che tu non definisca un server di test locale nella definizione del sito di Dreamweaver e utilizzi il server di test per l'anteprima della pagina.
Normalmente, hai bisogno di un server di test solo se stai sviluppando pagine con ASP, ColdFusion o PHP (vedi Configurazione del computer per lo sviluppo di applicazioni).Se stai creando siti web che utilizzano solo HTML e non hai definito un server di test, premendo F12 (Windows) o Opt+F12 (Macintosh) si produce un insieme confuso di controlli skin sullo schermo.La soluzione alternativa è definire il server di test e utilizzarlo per l'anteprima della pagina, oppure caricare i file su un server remoto e visualizzarli lì.
Nota
È possibile che anche le impostazioni di sicurezza siano responsabili dell'impossibilità di visualizzare il contenuto FLV locale in anteprima, ma Adobe non è riuscita a confermarlo.Potete provare a modificare le impostazioni di protezione per vedere se il problema si risolve in questo modo. Per ulteriori informazioni su come modificare le impostazioni di sicurezza, vedere Tech Note 117502.
Altre possibili cause di problemi con i file FLV
Se incontrate problemi nella visualizzazione dell'anteprima locale dei file, verificate che l'opzione Anteprima mediante il file temporaneo sia deselezionata in Modifica > Preferenze > Anteprima in tempo reale.
Controllate di avere la versione più recente del plugin di Flash Player.
Fate attenzione quando spostate file e cartelle all'esterno di Dreamweaver. Quando spostate file e cartelle fuori da Dreamweaver, l'applicazione non ha modo di verificare i percorsi corretti dei file associati ai file FLV.
Potete sostituire temporaneamente il file FLV che causa il problema con un file FLV collaudato. Se il file FLV sostitutivo funziona correttamente, il problema riguarda sicuramente il file FLV originale, non il browser o il computer.
Modificare o eliminare un componente FLV
Potete modificare le impostazioni del video nella pagina Web selezionando il segnaposto del componente video nella finestra del documento di Dreamweaver e utilizzando la finestra di ispezione Proprietà. Un altro metodo consiste nell'eliminare il componente video e reinserirlo selezionando Inserisci > HTML > Flash Video.
Modificare il componente FLV
Seleziona il segnaposto del componente video nella finestra Documento di Dreamweaver facendo clic sull'icona FLV al centro del segnaposto.
Apri l'Ispettore proprietà (Finestra > Proprietà) e apporta le modifiche.
Nota
Non puoi cambiare i tipi di video (da download progressivo a streaming, ad esempio) utilizzando l'Ispettore proprietà.Per cambiare il tipo di video, elimina il componente FLV e reinseriscilo selezionando Inserisci > Media > FLV.
Eliminare il componente FLV
Seleziona il segnaposto del componente FLV
nella finestra Documento di Dreamweaver e premi
Elimina.
Aggiungere video (altri formati)
Per scoprire come aggiungere video che non siano file .flv, consultate Aggiungere video (non FLV).
Potrebbe anche interessarvi sapere come inserire contenuto plug-in in Dreamweaver per riprodurre file .mp3 o video Quicktime nel sito Dreamweaver.
Altri contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
