Come incorporare video senza ActiveX

November 30

Come incorporare video senza ActiveX


Molti video che vedete sul Web sono filmati Flash. proprietari di siti web metterli su siti che utilizzano tecnologie quali ActiveX, HTML 5 e standalone lettori multimediali Flash. È possibile creare una funzione JavaScript che incorpora un video su qualsiasi pagina senza l'utilizzo di ActiveX. JavaScript fornisce anche la flessibilità di visualizzazione di un video senza l'aggiunta di codice video alle vostre pagine HTML.

istruzione

Crea codice HTML

1 Aprire il Blocco note.

2 Incolla questo codice in un nuovo documento HTML:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Title> Aggiungere codice JavaScript sotto questo titolo </ title>

</ Head>

<Body>

<Input id = "videoButton" type = valore "pulsante" = "Play Video" />

<Div id = "videoBlock" />

</ Body>

</ Html>

Questo crea un pulsante e un "div" elemento di blocco vuoto. ID dell'elemento blocco è "videoBlock." ID del pulsante è "videoButton." L'elemento "videoBlock" è un segnaposto per il video. codice JavaScript metterà un video lì quando si fa clic sul pulsante.

3 Aggiungere il seguente codice al di sotto del documento "<title>" sezione:

<Script language = tipo "javascript" = "text / javascript">

var videoName = "banner.swf";

var videoHeight = "500";

var videoWidth = "400";

var testButton = "videoButton";

</ Script>

Questo inizializza le variabili che determinano l'altezza e la larghezza del lettore video. L'altezza e la larghezza in questo esempio sono 500 pixel e 400 pixel. È possibile impostare questi valori a qualcosa che ti piace. Il codice imposta anche il nome del video. Sostituire "xyz.swf" con il nome di qualsiasi video Flash sul disco rigido. Se il video è sul Web, sostituire "xyz.swf" con l'URL del video.

4 Aggiungere questa riga di codice sotto il codice nel passaggio precedente:

<Script type = "text / javascript"> </ script>

Questa affermazione prende un file JavaScript esterno denominato "VideoCode.js" e lo rende disponibile nella pagina HTML corrente. Tale funzione JavaScript esterno contiene il codice che crea il lettore video.

5 Premere il tasto "Ctrl + S" per aprire la finestra "File Salva", e digitare "Video_Test.html" nella casella di testo "Nome file". Fai clic su "Salva" per salvare il documento. Blocco note salverà come un file HTML.

Crea codice JavaScript

6 Fai clic su "File" e selezionare "Nuovo". Notepad creerà un nuovo documento.

7 Incollare il seguente codice JavaScript nel documento:

Funzione playVideo () {

var VideoObject = document.getElementById ( "videoBlock");

videoObject.innerHTML = '<object classid = "clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"' +

'Codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width = "' + videoWidth + '"' +

'Height = "' + videoHeight + '"' + 'id = "myVideo">' +

'<Param name = film VALORE = "' + videoName + '"' + '> <param name = qualità VALORE = alta> <param name = bgcolor VALORE = # FFFFFF>' +

'<EMBED href = "/ supporto / flash / ts / documenti / test1.swf" quality = high bgcolor = # FFFFFF width = "550" height = "400"' +

'NAME = "' + videoName + '"' +

'Align = "" type = "application / x-shockwave-flash" PLUGINSPAGE="&lt;/EMBED>&lt;/OBJECT">http://www.macromedia.com/go/getflashplayer">&lt;/EMBED>&lt;/OBJECT> ';

}

// Finestra Scarico FUNZIONE

window.onload = function () {

objButton = document.getElementById (testButton);

if (objButton.addEventListener)

objButton.addEventListener ( "click", function () {playVideo ()}, false);

altro

objButton.attachEvent ( "onclick", function () {playVideo ()});

}

La funzione denominata "playVideo" crea un tag oggetto che incorpora un video in una pagina Web. Questa funzione utilizza i valori per l'altezza, il nome di larghezza e film ambientato nel documento HTML precedente.

La funzione window.onload imposta evento click di un pulsante. Si utilizza il valore per l'ID pulsante impostato nel documento HTML precedente. L'evento click provoca un pulsante di scatto per eseguire la funzione playVideo.

8 Fai clic su "File" e selezionare "Salva con nome" per aprire la "Salva con nome" finestra.

9 Digitare "VideoCode.js" nella casella di testo "Nome file" e fare clic su "Salva". Blocco note salverà questo come un file JavaScript. Questo è il file indicato nel documento HTML precedente.

10 Premere il tasto "Ctrl + E" per aprire Esplora risorse di Windows. Individuare il file HTML che si è salvato.

11 Fare doppio clic sul file. Si vedrà il pulsante che è stato inserito nella pagina.

12 Fare clic sul pulsante. L'evento click sparerà, e il browser eseguirà la funzione "playVideo" definita nel file "VideoCode.js". Questo fa sì che il video per apparire e iniziare a giocare.

Consigli e avvertenze

  • Se si decide di cambiare il video che riproduce, modificare il nome assegnato alla variabile "videoName" nel codice JavaScript della pagina. Utilizzando JavaScript per generare il video on demand, è sufficiente posizionare un blocco vuoto "div" sulla pagina nella posizione in cui si desidera visualizzare il video. In questo modo anche il codice HTML ordinato. L'unico codice che si inserisce nella pagina HTML è questo blocco vuoto "div":
  • <Div id = "videoBlock" />
  • Se si desidera che due o più video di apparire sulla stessa pagina, duplicare quel blocco "div" e posto copie di esso in qualsiasi punto della pagina.

Articoli Correlati