Home > Article > Web Front-end > How to add flash video format (flv, swf) files in html

How to add flash video format (flv, swf) files in html

php中世界最好的语言Original: 2018-02-05 09:23:194932browse

This time I will show you how to add flash video format (flv, swf) files in html. What are the precautions for adding flash video format (flv, swf) files in html? What are the following? This is a practical case, let’s take a look at it.

Flash file formats: .FLV and .SWF

Flash video format has two extensions available: .flv and .swf. How are they different?

(1) A .flv file (flash video) is a video stream and audio based on picture. If you are running a streaming service, flv would be a good choice. The upstream condition is that any part of this file can be accessed by the client terminal and is not waiting to be downloaded at any time. Then again, running a streaming service is expensive.

(2).swf is also the Macromedia Flash file format, which is a complete video-audio file and has scripts and more. This will facilitate HTTP (progressive) downloads, also known as "psuedo streaming". When part of the file is downloaded, the video clip plays immediately, but the client will wait for the flash file fragment to download before accessing it (no fast forwarding) unless the entire file is downloaded in its entirety. This is what we often talk about, it is a simple, inexpensive, and convenient way to stream your video media. SWF is not the official abbreviation. Some people have claimed that it is the abbreviation of "ShockWave Flash" or "Small Web Format".

You can use the following method to embed flash in the page:

<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>

What should be noted here is:

 <param name="movie" value="video-filename.swf">
 <embed src="video-filename.swf"..

These two places are the locations of swf files. For the name and other parameters, please refer to the introduction in the link above.

But after writing this, although the swf format files in the page can be displayed, the flv format files cannot be played. After struggling for a while, I summarized a solution from dreamweaver:

<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(&#39;7,0,0,0&#39;,&#39;本页内容需要使用较新的 Macromedia Flash Player 版本。是否现在下载它？&#39;);"> 
<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>

There is an additional version control method MM_CheckFlashVersion().
The lower part is very similar to the swf writing method, but slightly different. To summarize, there are three key points for embedding flv format: 1. Player FLVPlayer_Progressive.swf, this file is essential, and this file must be in the same file directory as the flv source file (the reason has not been found yet) 2. Skin skinName=Clear_Skin_3, the skin can be changed, it is also essential, and it must be together with the flv source file. 3. Source file, streamName, this parameter displays the file name of the source file without a suffix. When the file name is Chinese, dreamweaver will know to convert that name into a large string. . . . When the html file and the flv file are not in the same file directory, you need to bring the file path (this should be paid special attention to in the project).

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

How to add flash video format (flv, swf) files in html

Related articles