ホームページ > 記事 > ウェブフロントエンド > Flashビデオ形式(flv、swf)ファイルをhtmlに追加する方法
今回は、HTML に Flash ビデオ形式 (flv、swf) ファイルを追加する方法と、HTML に Flash ビデオ形式 (flv、swf) ファイルを追加するときの注意事項 について説明します。以下は実際的なケースです。見てみましょう、見てみましょう。
Flash ファイル形式: .FLV および .SWF
Flash ビデオ形式には、.flv と .swf の 2 つの拡張子が利用可能です。それらはどう違いますか?
(1) .flv ファイル (フラッシュ ビデオ) は、画像 に基づくビデオ ストリームとオーディオです。ストリーミング サービスを実行している場合は、flv が良い選択になります。上流の条件は、このファイルのどの部分でもクライアント端末からアクセスでき、いつでもダウンロードを待機していないことです。繰り返しになりますが、ストリーミング サービスの運営には費用がかかります。
(2).swf も Macromedia Flash ファイル形式で、スクリプトなどが含まれる完全なビデオ/オーディオ ファイルです。これにより、「疑似ストリーミング」とも呼ばれる HTTP (プログレッシブ) ダウンロードが容易になります。ファイルの一部がダウンロードされると、ビデオ クリップはすぐに再生されますが、ファイル全体がダウンロードされない限り、クライアントはフラッシュ ファイル フラグメントがダウンロードされるのを待ってからアクセスします (早送りはありません)。これは私たちがよく話していることですが、ビデオ メディアをストリーミングするためのシンプルで安価で便利な方法です。 SWF は正式な略語ではありません。「ShockWave Flash」または「Small Web Format」の略語であると主張する人もいます。
ページに Flash を埋め込むには、次の方法を使用できます:
<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>
ここで注意する必要があるのは:
<param name="movie" value="video-filename.swf"> <embed src="video-filename.swf"..
これら 2 つの場所は swf ファイルの場所の名前です。他のパラメータについては、概要を参照してください。上記のリンクにあります。
しかし、これを書いた後、ページ上のswf形式のファイルは表示できるものの、flv形式のファイルが再生できなくなりました。しばらく苦労した後、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>
追加のバージョン管理メソッド MM_CheckFlashVersion() があります。
下の部分はswfの書き方とよく似ていますが、少し異なります。 まとめると、flv 形式を埋め込むには 3 つの重要なポイントがあります: 1. プレーヤー FLVPlayer_Progressive.swf。このファイルは必須であり、このファイルは flv ソース ファイルと同じファイル ディレクトリに存在する必要があります (理由はまだ見つかっていません)。 2. スキン名 =Clear_Skin_3、スキンは変更できます。これも必須であり、flv ソース ファイルと一緒に存在する必要があります。 3. ソース ファイル、streamName、このパラメータは、サフィックスのないソース ファイルのファイル名を表示します。ファイル名が中国語の場合、Dreamweaver はその名前を大きな文字列に変換することを認識します。 。 。 。 html ファイルと flv ファイルが同じファイル ディレクトリにない場合は、ファイル パスを持ってくる必要があります (これはプロジェクト内で特に注意する必要があります)。
これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
無効および読み取り専用を使用して入力を読み取り専用効果に設定する方法
Google Browse でのラベルと入力の間の間隔の問題を解決する方法
以上がFlashビデオ形式(flv、swf)ファイルをhtmlに追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。