ホームページ ウェブフロントエンド htmlチュートリアル いくつかの昔ながらのプレーヤー用の埋め込みコード_HTML/Xhtml_Web ページの制作

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

May 16, 2016 pm 04:36 PM
埋め込む プレーヤー

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. 埋め込み>   
    17.   
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    AI Hentai Generator

    AI Hentai Generator

    AIヘンタイを無料で生成します。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    VLC Chromecast が Windows PC で動作しない VLC Chromecast が Windows PC で動作しない Mar 26, 2024 am 10:41 AM

    VLC Chromecast 機能が Windows PC で動作しませんか? この問題は、Chromecast デバイスと VLC のキャスト機能の間の互換性の問題が原因である可能性があります。この記事では、この状況でできることと、VLC レンダラーが Chromecast を見つけられない場合の対処法について説明します。 Windows で ChromecastVLC を使用する方法 VLC を使用して Windows から Chromecast にビデオをキャストするには、次の手順に従います: メディア プレーヤー アプリを開き、再生メニューに移動します。 [レンダラー] オプションに移動すると、Chromecast デバイスが検出されたことが確認できます。

    PHP と HTML の組み合わせ: コードを埋め込むための 3 つのテクニック PHP と HTML の組み合わせ: コードを埋め込むための 3 つのテクニック Mar 06, 2024 am 08:09 AM

    PHP と HTML の組み合わせは、Web 開発における一般的なテクノロジです。PHP は、HTML ファイルに動的コンテンツを埋め込み、補助機能を実装することで、Web サイトの対話性とカスタマイズ性を大幅に向上させることができます。この記事では、コードを埋め込むための 3 つのテクニックを紹介し、参考として具体的なコード例を示します。 1. PHP タグを使用してコードを埋め込む 最も一般的な方法は、PHP タグ () を使用して PHP コードを HTML ファイルに埋め込み、動的コンテンツを表示することです。たとえば、PHP を使用できます。

    Win10 プレーヤーのプログレスバーが動かない Win10 プレーヤーのプログレスバーが動かない Feb 12, 2024 am 08:12 AM

    Windows 10v1809 の 10 月更新バージョンは、ためらうことなく史上最悪の Windows アップグレードに向かっています。最初の正式リリース後に緊急に取り下げられただけでなく、1 か月間再構築された後も依然としてバグが満載であり、人々は Microsoft の品質を疑っていますますます心配になってきます。さて、リストにはもう 1 つのバグがあります。今回は Microsoft 独自のメディア プレーヤーである Windows Media Player です。最近、一部のネチズンは、最新のパッチをインストールした後、Windows 10v1809 の Windows Media Player で再生プログレス バーをドラッグできないという問題が発生したと報告しました。解決策はまだ見つかっていません。 Microsoft は KB4 の 2 つのパッチに関連するバグを確認しました

    Win10の内蔵プレーヤーHEVCビデオ拡張機能に支払いが必要になる問題を解決するにはどうすればよいですか? Win10の内蔵プレーヤーHEVCビデオ拡張機能に支払いが必要になる問題を解決するにはどうすればよいですか? Feb 09, 2024 pm 02:54 PM

    コンピューターの使用率が高くなるにつれて、HEVC ビデオの再生に Win10 システムで料金が発生する状況に遭遇することがありますが、この状況にどう対処すればよいでしょうか?以下のエディターで詳細を見てみましょう。現在、HEVC を使用してエンコードされるビデオが増えています。これは、特に 4K ビデオで一般的です。画質を向上させ、サイズを削減するために、1080p ビデオも HEVC で高度にエンコードされています。Win10 ビデオ プレーヤーは、デフォルトでは HEVC をサポートしていません。その使用に影響します。 HEVC エンコードのサポートがないことは、ビデオの再生に影響するだけでなく、画像を開く際にも影響します。 iPhone などの新しい携帯電話の多くが画像の保存に HEIF 形式を使用していることは知られていますが、実際、HEIF 画像は HEVC ビデオでエンコードされた画像とみなすことができます。

    iframe 埋め込みプレーヤーとは何ですか? iframe 埋め込みプレーヤーとは何ですか? Aug 25, 2023 pm 02:13 PM

    iframe 埋め込みプレーヤーは、Web ページにビデオプレーヤーを埋め込む技術です。埋め込みプレーヤーの利点は次のとおりです: 1. iframe タグを使用することで、柔軟性があり、さまざまなソースからのビデオ メディアを同じ Web ページに埋め込むことができます; 2. 使いやすさ、埋め込みコードをコピーして貼り付けるだけで再生できます。 Webページに追加; 3. パラメータの設定によりプレーヤーの外観や動作を制御可能; 4. JavaScriptなどを使用してプレーヤーの動作を制御可能

    Vue でビデオ プレーヤーを実装するにはどうすればよいですか? Vue でビデオ プレーヤーを実装するにはどうすればよいですか? Jun 25, 2023 am 09:46 AM

    インターネットの継続的な発展に伴い、ビデオは人々の日常生活に欠かせないエンターテイメント形式の 1 つになりました。ユーザーにより良いビデオ視聴体験を提供するために、多くの Web サイトやアプリケーションはビデオ プレーヤーを使用し始めており、ユーザーは Web ページ上でビデオを直接視聴できるようになります。現在最も人気のあるフロントエンド フレームワークの 1 つである Vue は、ビデオ プレーヤーを実装するためのシンプルで実用的な方法も多数提供します。以下では、Vue でビデオプレーヤーを実装する方法を簡単に紹介します。 1. HTML5ビデオタグHを使用する

    モバイル Google Chrome でプレーヤーを設定する方法 モバイル Google Chrome でプレーヤーを設定する方法 Mar 13, 2024 pm 01:16 PM

    モバイル Google Chrome でプレーヤーを設定するにはどうすればよいですか?最近では、Google Chrome のモバイル版をダウンロードして使用する友人が増えています。このブラウザは非常に便利で高速に使用できるため、多くのユーザーが Google Chrome でビデオを再生することを好みます。ビデオを見るとき、多くの人は早送りや倍速を好みます。 Google Chrome でプレーヤーを設定する方法です。この記事では、Google Chrome モバイル プレーヤーの設定方法についてのチュートリアルを紹介します。これに興味のある友人は、エディターをフォローして参照してください。 Google Chrome モバイル プレーヤー設定チュートリアル はじめに 1. 図に示すように、Google Chrome アプリを開きます。 2. 図に示すように、インターフェースの下部にある[スリーストライプス]アイコンをクリックします。 3. 図に示すように、ポップアップ メニュー バーで [設定] オプションを見つけてクリックします。 4.

    JavaScript に基づいたオンラインビデオプレーヤーの開発 JavaScript に基づいたオンラインビデオプレーヤーの開発 Aug 08, 2023 am 10:37 AM

    JavaScript ベースのオンライン ビデオ プレーヤーの開発 インターネットの発展と帯域幅の向上により、ますます多くのビデオ コンテンツがインターネットにアップロードされます。これらのビデオ コンテンツをより適切に表示するには、強力なオンライン ビデオ プレーヤーが必要です。この記事では、JavaScript を使用してシンプルかつ実用的なオンライン ビデオ プレーヤーを開発する方法を紹介し、読者の参考となるコード サンプルを提供します。 1. HTML 構造を定義する まず、プレーヤーの HTML 構造を定義する必要があります。基本的なプレーヤーは主にビデオで構成されます

    See all articles