Gewusst wie: Einbetten von Video ohne ActiveX

July 14

Viele Videos, die Sie im Web zu sehen sind Flash-Filme. Website-Besitzer platzieren sie auf Websites, die über Technologien wie ActiveX, HTML 5 und Standalone Flash Media-Playern. Sie können eine JavaScript-Funktion erstellen, die eine Video auf einer beliebigen Seite einbettet ohne ActiveX. JavaScript bietet Ihnen auch die Flexibilität der Anzeige einer Videos ohne video-Code in Ihre HTML-Seiten.

Anweisungen

HTML-Code erstellen

1 Öffnen Sie Notepad.

2 Fügen Sie diesen Code in ein neues HTML-Dokument:

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

< html Xmlns = "als http://www.w3.org/1999/xhtml" >

< Head >

< Title > hinzufügen JavaScript-Code unter diesem Titel < / title >

< / head >

< Körper >

< Eingabe-Id = "VideoButton" Type = "Button" Value = "Play Video" / >

< Div Id = "VideoBlock" / >

< / body >

< / html >

Dies erstellt eine Schaltfläche und ein leeres "Div" Block-Element. Das Block-Element-ID ist "VideoBlock." Die Schaltfläche ID ist "VideoButton." Das Element "VideoBlock" ist ein Platzhalter für das Video. JavaScript-Code wird eine Video dort platzieren, wenn Sie auf die Schaltfläche klicken.

3 Fügen Sie den folgenden Code unter des Dokuments "< Titel >" Abschnitt:

< Skriptsprache = "Javascript" Type = "Text/Javascript" >

Var VideoName = "banner.swf";

Var VideoHeight = "500";

Var VideoWidth = "400";

Var TestButton = "VideoButton";

< / script >

Initialisiert die Variablen, die Höhe und Breite des video-Player zu bestimmen. Die Höhe und Breite in diesem Beispiel sind 500 Pixel und 400 Pixel. Sie können diese Werte festgelegt, die Sie mögen. Der Code legt auch den Namen des Videos. Ersetzen Sie "xyz.swf" durch den Namen von jedem Flash video auf Ihrer Festplatte. Wenn das Video im Web ist, ersetzen Sie "xyz.swf" mit des Videos-URL.

4 Fügen Sie diese Codezeile unterhalb des Codes in der vorherigen Schritt:

< Skript-Typ = "Text/Javascript" >< / script >

Diese Anweisung greift nach einer externen JavaScript-Datei mit dem Namen "VideoCode.js" und stellt es in die aktuelle HTML-Seite zur Verfügung. Die externe JavaScript-Funktion enthält den Code, der den video-Player erstellt.

5 Drücken Sie "STRG + S" Öffnen Sie das Fenster "Datei speichern" und geben Sie im Textfeld "Dateiname" "Video_Test.html". Klicken Sie auf "Speichern", um das Dokument zu speichern. Editor wird es als HTML-Datei speichern.

JavaScript-Code erstellen

6 Klicken Sie auf "Datei" und wählen Sie "Neu." Editor wird ein neues Dokument erstellen.

7 Fügen Sie den folgenden JavaScript-Code in das Dokument ein:

Funktion playVideo() {}

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

videoObject.innerHTML = ' < OBJECT Classid = "Clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ' +

' codebase = "die http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6, 0,40,0" WIDTH = "' + VideoWidth + '"' +

' Höhe = "' + VideoHeight + '"' + ' Id "MyVideo" = > "+

"< PARAM NAME = Film Wert ="' + VideoName + ' "' + ' >< PARAM NAME = Qualität Wert = hoch >< PARAM NAME = Wert Bgcolor = #FFFFFF >' +

"< EMBED href="/support/flash/ts/documents/test1.swf "Qualität = hohe 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; / Objekt > ';

}

UNLOAD-FENSTERFUNKTION

Window.OnLoad = Function () {}

ObjButton = document.getElementById(testButton);

Wenn (objButton.addEventListener)

objButton.addEventListener ("Klick", Function () {playVideo()}, False);

sonst

objButton.attachEvent ("Onclick", Function () {playVideo()});

}

Die Funktion mit dem Namen "PlayVideo" erstellt ein Object-Tag, das eine Video in einer Webseite einbettet. Diese Funktion verwendet die Werte für Höhe, Breite und Film-Namen, die in vorherigen HTML-Dokuments festgelegt.

Die window.onload-Funktion setzt eine Schaltfläche Click-Ereignis. Es verwendet den Wert für die Schaltfläche ID inmitten des vorherigen HTML-Dokuments. Das Click-Ereignis bewirkt, dass auf eine Schaltfläche zum Ausführen der Funktion PlayVideo.

8 Klicken Sie auf "Datei" und wählen Sie "Speichern unter" um das Fenster "Speichern unter" öffnen.

9 Geben Sie im Textfeld "Dateiname" "VideoCode.js" und klicken Sie auf "Speichern." Editor wird dies als eine JavaScript-Datei speichern. Dies ist die Datei, die in der vorherigen HTML-Dokument verwiesen wird.

10 Drücken Sie "STRG + E", um Windows Explorer zu öffnen. Suchen Sie die HTML-Datei, die Sie gespeichert.

11 Doppelklicken Sie die Datei. Sie sehen die Schaltfläche, die Sie auf der Seite platziert.

12 Klicken Sie auf. Das Click-Ereignis wird ausgelöst, und der Browser führt die "PlayVideo"-Funktion, die in der Datei "VideoCode.js" definiert. Dadurch wird das Video angezeigt wird, und starten Sie die Wiedergabe.

Tipps & Warnungen

  • Entscheiden Sie sich für das Video zu ändern, das spielt, ändern Sie den Namen der Variablen "VideoName" in JavaScript-Code der Seite zugewiesen. Mithilfe von JavaScript um das Video auf Nachfrage zu generieren, müssen Sie nur einen leeren "Div"-Block auf Ihrer Seite an der Stelle platzieren, wo das Video angezeigt werden soll. Das hält auch den HTML-Code ordentlich. Der einzige Code, den Sie auf die HTML-Seite zu platzieren ist diese leere "Div"-Block:
  • < Div Id = "VideoBlock" / >
  • Wenn zwei oder mehr Videos auf derselben Seite angezeigt werden soll, "Div" Block duplizieren und Kopien davon an einer beliebigen Stelle auf der Seite platzieren.

SIE KÖNNEN AUCH GERNE