複数の古いプレーヤーの埋め込みコード

複数の古いプレーヤーの埋め込みコード

ウェブページに表示されるプレーヤーは、WMP/RealPlayer/Flash Player に過ぎません。その他のプレーヤーは、単に異なるパネルか、他のコントロールを追加したものにすぎません。コンピューターにインストールされているプレーヤーの中には、エンコーダーとデコーダーが統合されているものもあり、そのコアとなるエンコード技術とデコード技術は同じです。たとえば、インターネット上で最も人気のある Windows Media ストリーム (asf、wma、wmv 形式)、Real ストリーム (rm、rmvb 形式)、MPEG シリーズ エンコーディング形式 (MP4、MP3 形式) などです。以下はadmin10000.comによってコンパイルされた一般的なWebプレーヤーコードです。


1. 埋め込みタグを使用してマルチメディアファイルを再生する
<embed src="filename"/> の形式にします。ファイル名は、任意のマルチメディア ファイル形式にすることができます。たとえば、「test.wma」は、Web ページに Windows Media Player を表示します (wma は WMP 専用であるため)。別の例として、「test.rm」は、Web ページに Real Player を表示します。もちろん、表示するにはコンピュータに RealPlayer がインストールされている必要があります。
実際、埋め込みタグは Flash アニメーションを表示することもできます (埋め込みタグの役割は、オブジェクト タグを使用して Flash アニメーションを表示することと似ています)。例: <embed src="a.swf">
つまり、埋め込みタグの役割は、指定されたマルチメディア ファイルを Web ページ上で再生することです。


2. Windows Media Playerを呼び出して再生する
wmv、asf、その他の形式のファイルを再生できます

XML/HTML コードコンテンツをクリップボードにコピー
  1. <オブジェクト クラスID = "CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"  コードベース= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"  タイプ= "アプリケーション/x-oleobject"  高さ= "200"  = "300" >   
  2. <パラメータ  name = "ファイル名"  = "test.wmv"   />   
  3. <パラメータ 名前= "自動起動"  = "false"   />   
  4. <パラメータ 名前= "ステータスバーを表示"  = "true"   />   
  5. <パラメータ 名前= "ショートラッカー"  = "true"   />   
  6. <パラメータ 名前= "showcontrols"  = "true"   />   
  7. <埋め込み ファイル名= "test.wmv"  自動開始= "false"  プラグインページ= "http://www.microsoft.com/windows/windowsmedia/"  表示コントロール= "true"  ステータスバーを表示= "true"  ショートラッカー= "true"   src = "テスト.wmv"  タイプ= "application/x-mplayer2"  高さ= "200"  = "300" > </埋め込み>   
  8. </オブジェクト>   

Windows Media Player 7 以降のクラス ID は次のとおりです: clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上記の例のクラス ID は古いバージョンですが、下位互換性があるため、引き続き機能します。ただし、古いクラス ID を使用すると、コンポーネントに追加された新しい機能を使用できなくなります。
新しいバージョンの例を以下に示します

CSSコードコンテンツをクリップボードにコピー
  1. <オブジェクト クラスID = "CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"タイプ = "application/x-oleobject"  高さ= "200"  = "300" >
  2. <パラメータ名= "url"値= "test.wmv" />
  3. <param name= "autostart" value= "false" />
  4. <param name= "showstatusbar" value= "true" />
  5. <パラメータ名= "showtracker"値= "true" />
  6. <パラメータ名= "showcontrols"値= "true" />
  7. <パラメータ名= "uimode"値= "full" />
  8. <埋め込みファイル名 = "test.wmv" autostart = "false" showcontrols = "true" showstatusbar = "true" showtracker = "true" uimode = "full"   src = "test.wmv"タイプ = "application/x-mplayer2"  高さ= "200"  = "300" ></埋め込み>
  9. </オブジェクト>


3. Real Playerを呼び出してプレイする
rm、ram、その他の形式のファイルを再生できます

再生フレーム:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <オブジェクト クラスID = clsid :CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA高さ= 285   id = RAOCX  名前= rmplay  = 356 >   
  2. <パラメータ 名前= "SRC"   value = "ビデオのURL" >   
  3. <パラメータ 名前= "コンソール"  = "クリップ1" >   
  4. <パラメータ  name = "コントロール"  = "画像ウィンドウ" >   
  5. <パラメータ 名前= "AUTOSTART"  = "true" >   
  6. <埋め込み  src = "ビデオのURL"  自動開始= "true"   controls = "イメージウィンドウ"  コンソール= "クリップ1"  プラグインページ= "http://www.real.com" /'= "356"  高さ= "285" >   
  7. </埋め込み>   
  8. </オブジェクト>   

コントロールフレーム: プレイフレームに密接に追従できる

CSSコードコンテンツをクリップボードにコピー
  1. <オブジェクト クラスid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA高さ=27 id=video1=356>
  2. <パラメータ名= "_ExtentX"値= "7276" >
  3. <パラメータ名= "_ExtentY"値= "1058" >
  4. <パラメータ名= "AUTOSTART"値= "0" >
  5. <パラメータ名= "SHUFFLE"値= "0" >
  6. <パラメータ名= "PREFETCH"値= "0" >
  7. <パラメータ名= "NOLABELS"値= "0" >
  8. <param name= "CONTROLS" value= "ControlPanel" >
  9. <パラメータ名= "CONSOLE"値= "Clip1" >
  10. <パラメータ名= "LOOP"値= "0" >
  11. <パラメータ名= "NUMLOOP"値= "0" >
  12. <パラメータ名= "CENTER"値= "0" >
  13. <パラメータ名= "MAINTAINASPECT"値= "0" >
  14. <パラメータ名= "BACKGROUNDCOLOR"値= "#ffffff" >
  15. <埋め込みタイプ = "audio/x-pn-realaudio-plugin"コンソール = "Clip1"コントロール = "ControlPanel"  高さ= "27"   width = "356" autostart = "0" _extentx = "7276" _extenty = "1058" shuffle = "0" prefetch = "0" nolabels = "0" loop = "0" numloop = "0"   center = "0" mainaspect = "0" backgroundcolor = "#ffffff" >
  16. </埋め込み>
  17. </オブジェクト>

<<:  TypeScript デコレータ定義

>>:  MySQL データベース グループ クエリの group by ステートメントの詳細な説明

推薦する

CSSはヒントボックス、バブルボックス、三角形を作成します

場合によっては、ページにプロンプ​​ト ボックスやバブル ボックスが必要になることがあります。CSS...

Ubuntu LinuxにOracle Java 14をインストールする方法

最近、Oracle は Java 14 (または Oracle JDK 14) の一般公開を発表しま...

MySQL 操作: JSON データ型の操作

前回の記事では、MySQL データ保存手順パラメータの詳細な例を紹介しました。今日は、JSON デー...

Docker を使用して開発環境を構築する方法 (Windows および Mac)

目次1. Dockerを使用する利点2. Dockerをインストールする1) LinuxにDocke...

Dockerで構築されたコンテナにpingツールをインストールする

Centos や Ubuntu など、Docker が pull する Base イメージは最もシン...

MySQL フィールドで NOT NULL を使用する必要があるのはなぜですか?

私は最近新しい会社に入社したのですが、データベース設計にいくつか小さな問題があることに気付きました。...

リクエストを転送したり、静的リソースファイルにアクセスしたりする複数の場所への nginx の実装

この記事では主に、リクエストを転送したり、静的リソース ファイルにアクセスしたりする nginx の...

ウェブサイトをIE6、7、8、9の古いバージョンに対応させるための3つのソリューション

Microsoft は後からブラウザの研究開発に力を入れてきましたが、実際のところ、最新の IE ブ...

Vue3.0 で Vuex 状態管理を開始する方法をすぐに習得します

Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。集中型ストレージを...

MySQL 8.0.19 インストールチュートリアル

公式サイトからインストールパッケージをダウンロードします: mysql-8.0.19-linux-g...

background-positionプロパティでのパーセンテージ値の使用法の検討

背景位置が背景画像の表示に与える影響この2日間のプロジェクトでホームページの写真を入れ替えていたとこ...

ゲーム開発におけるサウンド処理にCocosCreatorを使用する方法

目次1. Cocos Creatorでのオーディオ再生の基本1. 基本2. 一般的な方法2. Coc...

Nginx設定ファイルの詳細な説明

Nginx の主な設定ファイルは nginx.conf で、グローバル ブロック、イベント ブロック...

海外のウェブページのカラーマッチング事例20選共有

この記事では、優れた Web ページのカラー マッチングの事例を 20 件集めて紹介します。これらの...

MySQL パーティション テーブルに関するパフォーマンス バグ

目次2. pt-pmapを使用したスタック分析3. このコラムのボトルネックポイントの分析4. パー...