Hvor å Legge ned video uten ActiveX

June 7

Mange videoer som du ser på nettet er Flash-filmer. Nettstedet eiere plassere dem på nettsteder som bruker teknologier som ActiveX, HTML 5 og frittstående Flash mediespillere. Du kan lage en Javascript-funksjon som bygger en video på en side uten å bruke ActiveX. Javascript gir deg også fleksibilitet til å vise en video uten å legge video kode til HTML-sider.

Bruksanvisning

Opprett HTML kode

1 Åpne Notisblokk.

2 Lim inn denne koden i en ny HTML-dokument:

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

<Head>

<Title> Legg til Javascript-kode under denne tittelen </ title>

</ Head>

<Body>

</ Body>

</ Html>

Dette skaper en knapp og en tom "div" block element. Blokken elementets ID er "videoBlock." Knappen ID er "videoButton." Den "videoBlock" element er en plassholder for video. Javascript-kode vil plassere en video der når du klikker på knappen.

3 Legg til følgende kode under dokumentets "<title>" -delen:

Var videoName = "banner.swf";

Var videoHeight = "500";

Var videoWidth = "400";

Var testButton = "videoButton";

</ Script>

Dette initialiserer variablene som bestemmer videospiller høyde og bredde. Høyden og bredden i dette eksemplet er 500 piksler og 400 piksler. Du kan stille disse verdiene til noe du liker. Koden setter også navnet på videoen. Erstatt "xyz.swf" med navnet på alle Flash-video på harddisken. Hvis videoen er på nettet, erstatte "xyz.swf" med videoens nettadresse.

4 Legg til denne linjen med kode under koden i forrige trinn:

Denne uttalelsen griper en ekstern Javascript-fil som heter "VideoCode.js" og gjør det tilgjengelig i den gjeldende HTML-side. Det eksterne Javascript-funksjonen inneholder koden som skaper videospilleren.

5 Trykk "Ctrl + S" for å åpne "File Save" vinduet, og skriv "Video_Test.html" i "File Name" tekstboksen. Klikk "Lagre" for å lagre dokumentet. Notisblokk vil lagre det som en HTML-fil.

Opprett Javascript-kode

6 Klikk på "File" og velg "New". Notisblokk vil opprette et nytt dokument.

7 Lim inn følgende Javascript-kode i dokumentet:

funksjon playVideo () {

Var videoObject = document.getElementById ( "videoBlock");

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

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

'Height = "' + videoHeight + '»' + 'id = "MyVideo">' +

'<Param name = film value = "' + videoName + '»' + '> <param name = kvalitet VERDI = høy> <param name = bgcolor VERDI = # FFFFFF>' +

'<EMBED href = "/ support / flash / ts / dokumenter / test1.swf" kvalitet = høy bgcolor = # FFFFFF width = "550" height = "400"' +

NAME = " '+ videoName +'» '+

'ALIGN = "" TYPE = "application / x-shockwave-flash" PLUGINSPAGE="</EMBED></OBJECT">http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> ';

}

// VINDU UNLOAD FUNKSJON

window.onload = function () {

objButton = document.getElementById (testButton);

if (objButton.addEventListener)

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

ellers

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

}

Funksjonen heter "playVideo" skaper et objekt kode som bygger inn en video til en webside. Denne funksjonen bruker verdiene for høyde, bredde og film navn satt i forrige HTML-dokumentet.

Window.onload funksjonen setter opp en knapp klikk hendelsen. Den bruker verdien for knappen ID satt i forrige HTML-dokumentet. Klikket hendelsen fører til en knapp klikk for å kjøre playVideo funksjon.

8 Klikk på "File" og velg "Lagre som" for å åpne "Lagre som" -vinduet.

9 Skriv "VideoCode.js" i "File Name" tekstboksen og klikk "Lagre". Notisblokk vil lagre dette som en Javascript-fil. Dette er filen referert i forrige HTML-dokumentet.

10 Trykk "Ctrl + E" for å åpne Windows Utforsker. Finn HTML-filen du lagret.

11 Dobbeltklikk på filen. Du vil se på knappen som du plassert på siden.

12 Klikk på knappen. Den klikkhendelsen vil brann, og nettleseren vil utføre "playVideo" funksjon som er definert i "VideoCode.js" fil. Dette fører til at videoen skal vises, og begynne å spille.

Hint

Hvis du bestemmer deg for å endre video som spiller, endre navnet som er tildelt "videoName" variable i Javascript-kode sidens. Ved å bruke Javascript for å generere video on demand, trenger du bare å plassere en tom "div" blokken på siden på det stedet der du vil at videoen skal vises. Dette holder også HTML-koden ryddig. Den eneste kode som du plasserer på HTML-siden er dette tom "div" block:
<Div id = "videoBlock" />
Hvis du vil ha to eller flere videoer skal vises på samme side, duplisere at "div" blokk og plassere kopier av det hvor som helst på siden.