Heim > Artikel > Web-Frontend > So fügen Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML hinzu
Dieses Mal zeige ich Ihnen, wie Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML hinzufügen und welche Vorsichtsmaßnahmen beim Hinzufügen von Dateien im Flash-Videoformat (FLV, SWF) in HTML gelten folgt Dies ist ein praktischer Fall, werfen wir einen Blick darauf.
Flash-Dateiformate: .FLV und .SWF
Für das Flash-Videoformat sind zwei Erweiterungen verfügbar: .flv und .swf. Wie unterscheiden sie sich?
(1) Eine .flv-Datei (Flash-Video) ist ein Videostream und Audio basierend auf einem Bild. Wenn Sie einen Streaming-Dienst betreiben, wäre flv eine gute Wahl. Die Upstream-Bedingung besteht darin, dass das Client-Terminal auf jeden Teil dieser Datei zugreifen kann und nicht darauf wartet, zu irgendeinem Zeitpunkt heruntergeladen zu werden. Andererseits ist der Betrieb eines Streaming-Dienstes teuer.
(2) .swf ist ebenfalls ein Macromedia Flash-Dateiformat und eine vollständige Video-Audio-Datei mit Skripten und mehr. Dies erleichtert (progressive) HTTP-Downloads, auch bekannt als „Pseudo-Streaming“. Wenn ein Teil der Datei heruntergeladen wird, wird der Videoclip sofort abgespielt, der Client wartet jedoch auf den Download des Flash-Dateifragments, bevor er darauf zugreift (kein schneller Vorlauf), es sei denn, die gesamte Datei wird vollständig heruntergeladen. Darüber sprechen wir oft: Es ist eine einfache, kostengünstige und bequeme Möglichkeit, Ihre Videomedien zu streamen. SWF ist nicht die offizielle Abkürzung. Einige Leute haben behauptet, es sei die Abkürzung für „ShockWave Flash“ oder „Small Web Format“.
Sie können die folgenden Methoden verwenden, um Flash in die Seite einzubetten:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,16,0" width="320" height="400" > <param name="movie" value="video-filename.swf"> <param name="quality" value="high"> <param name="play" value="true"> <param name="LOOP" value="false"> <embed src="video-filename.swf" width="320" height="400" play="true" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"> </embed> </object>
Was hier beachtet werden sollte, ist:
<param name="movie" value="video-filename.swf"> <embed src="video-filename.swf"..
Beides davon Orte sind Der Speicherortname der SWF-Datei. Weitere Parameter finden Sie in der Einführung im obigen Link.
Aber nachdem ich dies geschrieben habe, können die Dateien im SWF-Format zwar auf der Seite angezeigt werden, die Dateien im FLV-Format können jedoch nicht abgespielt werden. Nachdem ich eine Weile gekämpft hatte, habe ich eine Lösung von Dreamweaver zusammengefasst:
<script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } </script> </head> <body onload="MM_CheckFlashVersion('7,0,0,0','本页内容需要使用较新的 Macromedia Flash Player 版本。是否现在下载它?');"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="314" height="234" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=%E8%80%81%E5%A4%A9%E4%B8%8B%E8%B4%B0%E4%B9%8B%E8%8E%AB%E9%97%AE%E4%BB%8A%E6%9C%9D&autoPlay=true&autoRewind=true" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=%E8%80%81%E5%A4%A9%E4%B8%8B%E8%B4%B0%E4%B9%8B%E8%8E%AB%E9%97%AE%E4%BB%8A%E6%9C%9D&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="314" height="234" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>
Es gibt eine zusätzliche Versionskontrollmethode MM_CheckFlashVersion().
Die Schreibmethode des unteren Teils ist der von swf sehr ähnlich, unterscheidet sich jedoch geringfügig. Zusammenfassend gibt es drei wichtige Punkte für die Einbettung des FLV-Formats: 1. Der Player FLVPlayer_Progressive.swf, diese Datei ist unerlässlich und diese Datei muss sich im selben Dateiverzeichnis wie die FLV-Quelldatei befinden (der Grund dafür ist nicht angegeben). wurde noch nicht gefunden) 2. Skin skinName=Clear_Skin_3, der Skin kann geändert werden, er ist ebenfalls wichtig und muss zusammen mit der FLV-Quelldatei vorhanden sein. 3. Quelldatei, streamName, dieser Parameter zeigt den Dateinamen der Quelldatei ohne Suffix an. Wenn der Dateiname chinesisch ist, kann Dreamweaver diesen Namen in eine lange Zeichenfolge konvertieren. . . . Wenn sich die HTML-Datei und die FLV-Datei nicht im selben Dateiverzeichnis befinden, müssen Sie den Dateipfad angeben (dies sollte im Projekt besonders beachtet werden).
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
So stellen Sie die Eingabe durch Deaktivieren und Nur-Lesen auf den schreibgeschützten Effekt ein
Google Browse-Label und So lösen Sie das Problem mit dem Eingabeabstand
So implementieren Sie die Aktualisierungsumleitung von HTML-Header-Tag-Meta
Das obige ist der detaillierte Inhalt vonSo fügen Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!