ChromeとIEに対応したWMPに埋め込まれたHTMLの詳細な紹介

ChromeとIEに対応したWMPに埋め込まれたHTMLの詳細な紹介

実際には、対応する記述方法は多数ありますが、最も一般的なのは object + embedded です。
しかし、私が使用したとき、XP sp3 では、埋め込みタグは x-mplayer2 としてマークされていましたが、strechToFit は無効でした。とても落ち込んでます〜
Windows 7 では、埋め込みタグは x-mplayer2 です。埋め込みに直接記述しても意味がありません。js を使用して再度設定し、strechToFit と uiMode を使用する必要があります。
後で、XP SP3 の Chrome 用の wmp プラグインが Win7 の wmp プラグインとは異なることがわかりました。
実際、非常に不思議な理由は、公式にリリースされた Chrome WMP プラグイン API には、サポートされるプラットフォームとして XP SP3 が含まれていないことです。
一言で言えば、奇妙なバグがたくさんあるということです。
要約すると、対応する問題に対する解決策は次のとおりです。
まず、コンピュータにWindows Media Playerがインストールされている必要があります。
1. Chrome ブラウザに chrome://plugins/ と入力して、WMP プラグインのバージョンを確認します。

そうだとしたら、その通りです。
そうでない場合は、まず無効にしてから、http://ishare.iask.sina.com.cn/f/33394163.html?retcode=0 から np-mswmp.dll をダウンロードしてください。
次に、この dll を Chrome の下のプラグイン フォルダーに配置します (プラグイン フォルダーがない場合は、自分で作成します)。
通常はC:\Program Files\Google\Chrome\Application\pluginsにあります~~
その後、ブラウザを再起動します。正しく読み込まれたかどうかを確認してください。
2. HTML の書き方は非常に簡単です。ブラウザに応じて異なる HTML を読み込むだけです。

コードをコピー
コードは次のとおりです。

<!--[!IEの場合]> <-->
<オブジェクト id="mediaplayer" タイプ="application/x-ms-wmp" データ="パス" 幅="100%" 高さ="100%">
<param name="src" value="path" valuetype="ref" type="video/x-ms-wmp">
<param name="アニメーション開始" value="1">
<param name="transparentatStart" value="1">
<パラメータ名="autoStart" 値="1">
<param name="ShowControls" 値="0">
<param name="ShowDisplay" 値="0">
<param name="ステータスバーを表示" 値="0">
<param name="プレイカウント" value="8640000">
<param name="autoRewind" 値="1">
<パラメータ名="表示サイズ" 値="0">
<param name="stretchtofit" 値="1">
<param name="enableContextMenu" 値="0">
<param name="uiMode" 値="なし">
<strong>エラー:</strong> <a href="http://port25.technet.com/pages/windows-media-player-firefox-plugin-download.aspx">Windows Media Player プラグイン</a> が必要です。
</オブジェクト>
<!--> <![endif]-->
<!--[IEの場合]>
<オブジェクト id="mediaplayer" タイプ="video/x-ms-wmv" クラス id="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" 幅="100%" 高さ="100%">
<param name="url" value="path" valuetype="ref" type="video/x-ms-wmv">
<param name="アニメーション開始" value="1">
<param name="transparentatStart" value="1">
<パラメータ名="autoStart" 値="1">
<param name="ShowControls" 値="0">
<param name="ShowDisplay" 値="0">
<param name="ステータスバーを表示" 値="0">
<param name="プレイカウント" value="8640000">
<param name="clickToPlay" 値="1">
<param name="autoRewind" 値="1">
<パラメータ名="表示サイズ" 値="0">
<param name="stretchtofit" 値="1">
<param name="enableContextMenu" 値="0">
<param name="uiMode" 値="なし">
<strong>エラー:</strong> <a href="http://www.microsoft.com/windows/windowsmedia/download/plugin.aspx">Windows Media Player プラグイン</a> が必要です。
</オブジェクト>
<![endif]-->

<<:  TOM.COMのホームページリニューアルの経験

>>:  vue+tp5はシンプルなログイン機能を実現

推薦する

CSS3+JS による虫眼鏡モードの完璧な実装の詳細説明

約 1 年前、私は「虫眼鏡効果を模倣するいくつかの方法の原理の分析」という記事を書きました。当時、自...

MySQL 8.0 Windows zip パッケージ版の詳細なインストール手順

MySQL 8.0 Windows zipのインストール手順は次のように紹介されています。準備する:...

js オプション連鎖演算子の使用

序文オプションの連鎖演算子 (?.) を使用すると、チェーン内の各参照が有効であることを明示的に検証...

効率をN倍に高めるVimクイックリファレンステーブル15個

昨年の前半から開発と娯楽のために Linux を使い始めましたが、今では Windows には戻れま...

MySQL で null 値と空文字 ('') を区別する

日常の開発では、データベースの追加、削除、変更、クエリが一般的に行われるため、Mysql で NUL...

js SMS認証コード入力ボックスを手動で実装する

序文この記事では、私が手動で実装したフロントエンドの一般的な SMS 認証コード入力コンポーネントと...

Dockerイメージの作成、アップロード、プル、デプロイを理解するための記事

目次1. 画像1. 鏡とは何ですか? 2. 画像の構成と目的(1) Dockerファイル(2)スクラ...

Expressプロジェクトファイルディレクトリの説明と詳細な機能の説明

app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...

Alibaba Cloud ServerにMySQLデータベースをインストールする方法の詳細な説明

序文学習中に Zookeeper をインストールする必要があったため、仮想マシンに常に問題が発生した...

CSSは高さを設定せずにdivを完全に中央に配置することを実現します

必要とする本文の下のdivは垂直方向に中央揃えになっていますdiv 内のテキストを垂直中央に配置する...

ボタントリガーイベントを使用して背景色の点滅効果を実現します

背景色の点滅効果を実現するには、次のコードを <body> 領域に追加するだけです。コー...

require/import キーワードを使用して v-for ループでローカル画像をインポートするいくつかの方法

目次問題の説明方法 1 (バックエンドが画像 URL を返す)方法 2 (フロントエンドで requ...

URL を入力すると、バックグラウンドでは具体的に何が起こるのでしょうか?

ソフトウェア開発者は、ネットワーク アプリケーションがどのように動作するかを階層的に完全に理解してい...

MySQL フラッシュバック ツール binlog2sql の詳細なインストールと設定のチュートリアル

概要binlog2sql は、Python で開発されたオープンソースの MySQL Binlog ...

Dockerコンテナでyumを呼び出すときのエラーの解決方法

dockerfile またはコンテナ内で yum を実行すると、エラーが報告され、ソースが見つかりま...