コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > いくつかの昔ながらのプレーヤー用の埋め込みコード_HTML/Xhtml_Web ページの制作

いくつかの昔ながらのプレーヤー用の埋め込みコード_HTML/Xhtml_Web ページの制作

WBOY
リリース： 2016-05-16 16:36:21
オリジナル
1614 人が閲覧しました

Web 上で見られるプレーヤーは、単なる WMP/RealPlayer/Flash Player に過ぎず、コンピューターにインストールされている一部のプレーヤーは、統合のためのエンコーダーやデコーダーでもあります。デコード技術は同じです。例: インターネット上で最も一般的な Windows メディア ストリーム (asf、wma、wmv 形式)、リアル ストリーム (rm、rmvb 形式)、MPEG シリーズ エンコード形式 (MP4、MP3 形式)。以下は、admin10000.com

によってコンパイルされた一般的な Web プレーヤーのコードです。


1. Embed タグを使用してマルチメディア ファイルを再生します
形式 。ファイル名は任意のマルチメディア ファイル形式にすることができます。たとえば、「test.wma」は Web ページに Windows Media Player を表示します (wma は WMP 専用であるため)。「test.rm」は Real を表示します。 Web ページ上のプレーヤープレーヤー。もちろん、表示するには RealPlayer がコンピュータにインストールされている必要があります。
実際、embed タグは Flash アニメーションを表示することもできます (embed タグの役割は、object タグを使用して Flash アニメーションを表示する場合と似ています)。例:
要約すると、embed タグの機能: 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" type="application/x-oleobject" 高さ=「200」 幅="300">
  2. <param name="ファイル名" 値="test.wmv" />
  3. <param name="autostart" 値="false" />
  4. <param name="showstatusbar" 値="true" />
  5. <param name="showtracker" 値="true" />
  6. <param name="showcontrols" 値="true" />
  7. <埋め込み ファイル名="テスト。 wmv" autostart="false" プラグインページ ="http://www.microsoft.com/windows/windowsmedia/" showcontrols=" true" showstatusbar="true" showtracker ="true" src="test.wmv" タイプ="application/x-mplayer2" 高さ= "200" 幅="300">埋め込み>
  8. オブジェクト>

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

CSS コードコンテンツをクリップボードにコピーします
  1. "CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/ x-oleobject" 高さ="200" 幅="300">
  2. "url" value="test.wmv" /> >
  3. "autostart" value="false" /> 🎜>
  4. "showstatusbar" value="true" /> 🎜> "showtracker"
  5. value="true" /> 🎜> "showcontrols" value=
  6. "true" /> 🎜> "uimode" value="full"
  7. /> 🎜> <embed filename="test.wmv" autostart=
  8. "false " showcontrols="true" showstatusbar="true" showtracker=" true" uimode="フル" src="test.wmv" type="application/x-mplayer2" 高さ="200" 幅="300">埋め込み > 3. Real Player を呼び出して再生します
  9. rm、ram およびその他の形式のファイルを再生するために使用できます プレイボックス:

    10. XML/HTML コード
    コンテンツをクリップボードにコピー

    1. <オブジェクト classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA 高さ=285 id=RAOCX 名前=rmplay 幅=356>
    2. <param name="SRC" 値="影片地址">
    3. <param name="CONSOLE" 値="Clip1">
    4. <param name="コントロール" 値="imagewindow">
    5. <param name="AUTOSTART" 値="true">
    6. <embed src="ビデオ地址" 自動開始="true" コントロール= "ImageWindow" コンソール="Clip1" pluginspage="http://www.real.com"/' width= "356" 身長="285">
    7. 埋め込み>
    8. オブジェクト>

    制御框：可紧跟播放框一起

    CSS コード剪定板への复制コンテンツ
    1. 高さ=27 id=video1 幅=356>   
    2. "_ExtentX" value="7276">>   
    3. "_ExtentY" value="1058">>   
    4. "AUTOSTART" value="0">>   
    5. "シャッフル" value="0">   
    6. "プリフェッチ" value="0">   
    7. "NOLABELS" value="0">   
    8. "コントロール" value="コントロールパネル">   
    9. "CONSOLE" value="Clip1">>   
    10. "LOOP" value="0">   
    11. "NUMLOOP" value="0">   
    12. "CENTER" value="0">>   
    13. "メンテナンススペクト" value="0">   
    14. "BACKGROUNDCOLOR" value="#ffffff">   
    15. <embed type="audio/x-pn-realaudio-plugin" console=「クリップ 1」コントロール=「コントロールパネル」高さ= "27" 幅="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" プリフェッチ="0" nolabels="0" loop="0 " numloop="0" センター="0" maintainaspect="0" backgroundcolor="#ffffff">   
    16. 埋め込み>   
      18.   
    関連ラベル：
    埋め込む プレーヤー
    ソース：php.cn
    前の記事：html_HTML/Xhtml_Web ページ制作の水平方向および垂直方向の中央揃えに関連する問題の概要 次の記事：HTMLデザインパターンの日々の学習メモ集_HTML/Xhtml_Webページ制作
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
    から 2024-04-04 00:21:55
    0
    1
    384
    ドロップダウンが常にその親の上に表示されるようにします。位置: 相対 私は以下のようなことを達成しようとしています。コンテナーには、クリックするとアクティブになり、各親の上に配置されるドロップダウンのセットが含まれています。直面している問題: 私が現...
    から 2024-04-01 18:43:16
    0
    1
    316
    私のページには HTML にタイトルがありますが、表示されません 私はコーディングを始めたばかりなので、私を批判しないでください。 vscodeを使用してWebサイトを作成しようとしています。HTMLとCSSを使用していますが、コードの左上隅に配...
    から 2024-04-01 18:24:53
    0
    1
    364
    Node.Js Express バックエンドを React フロントエンドに接続する 2 つのプロジェクトをマージしたいと考えています。1 つは React フロントエンド用、もう 1 つは NodeJsExpress バックエンド用です。 AndroidStudi...
    から 2024-04-01 10:46:08
    0
    1
    311
    ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法 私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです...
    から 2024-04-01 09:43:54
    0
    1
    349
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート