Tutorial für ein eingebettetes Flash-Video
Adobe Flash ist ein Mehrzweck-Web authoring-Tool. Es wird verwendet, um alle Arten von Inhalten für das Web, oft animierten und interaktiven zu schaffen. Beispielsweise werden viele Spiele und Animationen mit Flash erstellt. Aber wahrscheinlich ist die häufigste und weit gesehene Verwendung des Blitzes im wiedergegebenen Videos. YouTube, verwendet beispielsweise Flash, um ihre video-Inhalte anzuzeigen. Um Flash-Videos zu spielen, müssen Sie Ihren Flash-Videodatei einbetten (eine Datei, die in \".flv\ endet") in Ihre Website mit HTML.
Anweisungen
Dateien auf Webserver hochladen
1 Speichern Sie die .flv-Datei, die Sie erstellt haben (die Datei, die das Video enthält, die, das Sie auf Ihrer Webseite spielen möchten) in Ihr Web-Verzeichnis auf Ihrem Webserver.
2 Einen FLV-Player herunterladen. Ein FLV-Player ist erforderlich, Play, Pause, Stop und Volume-Steuerelemente auf der Unterseite des flash-Video zu erstellen. Zwei der beliebtesten Open Source (d. h., frei) FLV Player verfügbar sind JWPlayer und FlowPlayer (siehe Ressourcen).
3 Hochladen Sie die FLV Player-Dateien auf Ihren Webserver. FLV-Player enthält eine JS (JavaScript)-Datei und eine (Flash) .swf-Datei, die Sie in Ihrem Webverzeichnis stellen sollte.
Einbetten von Flash-Videos mit JWPlayer
4 Öffnen Sie einen Texteditor (Notepad oder Textedit tun), und geben Sie die folgende Zeile HTML-Code zum Laden JWPlayers \".js\" Datei auf Ihrer Webseite:
< Skript Typ = ' Text/Javascript' src='swfobject.js >< / script >
5 Erstellen eines \"div\" Tag, wo Sie Ihre Flash-Video angezeigt werden, indem Sie den folgenden HTML-Code hinzufügen:
< Div Id = "Mediaplayer" >< / Div >
6 Fügen Sie den folgenden JavaScript-Code zum Einbetten von flash-Datei. Ersetzen \"YourWebsite\" durch den tatsächlichen Namen Ihrer Website und \"YourFlashVideoFile\" durch den tatsächlichen Namen Ihrer Flash-video-Datei:
< Skript-Typ = "Text/Javascript" >Var so = new SWFObject('player.swf','ply','470','320','9','#ffffff')GEHENso.addParam('allowfullscreen','true')GEHENso.addParam('allowscriptaccess','always')GEHENso.addParam('wmode','opaque')GEHENso.addVariable ('Datei', 'als http://www.YourWebsite.com/YourFlashVideoFile.flv')GEHENso.Write('mediaplayer')GEHEN< / script >
7 Gehen Sie zu \"File > Speichern als, \" Speichern Sie die Datei als \"MyFlashVideo.html\" und legen Sie die .html-Datei in Ihrem Webserver-Web-Verzeichnis.
8 Navigieren Sie mit Ihrem Web-Browser zur Seite, die Sie erstellt. Sie sehen Ihr video Spiel mit allen JWPlayer Steuerelementen auf der Unterseite des Bildschirms.
Einbetten von Flash-Video mit Flowplayer
9 Öffnen Sie einen Texteditor (Notepad oder Textedit tun), und geben Sie die folgende Zeile HTML-Code zum Laden von Flowplayer \".js\" Datei auf Ihrer Webseite:
< src=\"flowplayer-3.2.0.min.js\-Skript" >< / script >
10 Erstellen eines \"anchor\" Tag, wo Sie Ihre Flash-Video angezeigt werden, indem Sie den folgenden HTML-Code hinzufügen. Ersetzen \"YourWebsite\" durch den tatsächlichen Namen Ihrer Website und \"YourFlashVideoFile\" durch den tatsächlichen Namen Ihrer Flash Video-Datei unten:
< a Href = \ "http://www.YourWebsite.com/YourFlashVideoFile.flv \ & Quot; Stil = \ "Display: Block; Width: 425px; Height: 300px; \" Id = \ "Player\" ></a >
11 Fügen Sie den folgenden JavaScript-Code nach dem Code oben, um das Flash-Video mit den Flowplayer-Steuerelementen kombinieren:
< Skriptsprache = \ "JavaScript\" >Flowplayer (\"player\", \"flowplayer-3.2.0.swf\")GEHEN< / script >
12 Gehen Sie zu \"File > Speichern als, \" Speichern Sie die Datei als \"MyFlashVideo.html\" setzen dann die HTML-Datei in Ihrem Webserver-Web-Verzeichnis.
13 Navigieren Sie mit Ihrem Web-Browser auf Ihre Web-Seite. Sie sehen Ihr video Spiel mit den Flowplayer-Steuerelementen auf der Unterseite des Bildschirms.