Maison > Article > interface Web > Comment ajouter des fichiers au format vidéo flash (flv, swf) en HTML
Cette fois, je vais vous montrer comment ajouter des fichiers au format vidéo flash (flv, swf) en html, et quelles sont les précautions pour ajouter des fichiers au format vidéo flash (flv, swf) en html, comme suit C'est un cas pratique, jetons-y un coup d'œil.
Formats de fichiers Flash : .FLV et .SWF
Il existe deux extensions disponibles pour le format vidéo Flash : .flv et .swf. En quoi sont-ils différents ?
(1) Un fichier .flv (vidéo flash) est un flux vidéo et audio basé sur une image. Si vous utilisez un service de streaming, flv serait un bon choix. La condition en amont est que n'importe quelle partie de ce fichier soit accessible par le terminal client et n'attende d'être téléchargée à aucun moment. Là encore, gérer un service de streaming coûte cher.
(2) .swf est également un format de fichier Macromedia Flash et est un fichier vidéo-audio complet avec des scripts et plus encore. Cela facilitera les téléchargements HTTP (progressifs), également appelés « pseudo streaming ». Lorsqu'une partie du fichier est téléchargée, le clip vidéo sera lu immédiatement, mais le client attendra que le fragment du fichier flash soit téléchargé avant d'y accéder (pas d'avance rapide), à moins que le fichier entier ne soit téléchargé dans son intégralité. C’est ce dont nous parlons souvent, c’est un moyen simple, peu coûteux et pratique de diffuser vos médias vidéo. SWF n'est pas l'abréviation officielle Certaines personnes ont affirmé qu'il s'agissait de l'abréviation de « ShockWave Flash » ou « Small Web Format ».
Vous pouvez utiliser les méthodes suivantes pour intégrer Flash dans la 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>
Ce qu'il convient de noter ici est :
<param name="movie" value="video-filename.swf"> <embed src="video-filename.swf"..
Ces deux les endroits sont le nom d'emplacement du fichier swf. Pour d'autres paramètres, veuillez vous référer à l'introduction dans le lien ci-dessus.
Mais après avoir écrit ceci, bien que les fichiers au format swf puissent être affichés sur la page, les fichiers au format flv ne peuvent pas être lus. Après avoir lutté pendant un moment, j'ai résumé une solution de 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('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>
Il existe une méthode de contrôle de version supplémentaire MM_CheckFlashVersion().
La méthode d'écriture de la partie inférieure est très similaire à celle du swf, mais elle est légèrement différente. Pour résumer, il y a trois points clés pour embarquer le format flv : 1. Le player FLVPlayer_Progressive.swf, ce fichier est indispensable, et ce fichier doit être dans le même répertoire de fichiers que le fichier source flv (la raison n'a pas n'a pas encore été trouvé) 2. Skin skinName=Clear_Skin_3, le skin peut être modifié, il est également essentiel, et il doit être accompagné du fichier source flv. 3. Fichier source, streamName, ce paramètre affiche le nom du fichier source sans suffixe. Lorsque le nom du fichier est chinois, dreamweaver saura convertir ce nom en une grande chaîne. . . . Lorsque le fichier html et le fichier flv ne sont pas dans le même répertoire de fichiers, vous devez indiquer le chemin du fichier (cela doit faire l'objet d'une attention particulière dans le projet).
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Comment définir l'entrée en lecture seule via l'option Désactivation et lecture seule
Étiquette de navigation Google et Comment résoudre le problème d'espacement d'entrée
Comment implémenter la redirection d'actualisation de la balise d'en-tête HTML méta
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!