Firefox ブラウザでバックグラウンド ミュージックを再生するための究極のソリューション (Chrome マルチブラウザ対応)

Firefox ブラウザでバックグラウンド ミュージックを再生するための究極のソリューション (Chrome マルチブラウザ対応)
FirefoxでBGMを再生するための推奨コードがテストに合格しました

空のコントロールパネルを開いて次のコードを貼り付け、インターネットで希望の曲を検索し、アドレスをコピーして保存します。
<embed src=音楽リンクアドレス width=200 height=50 type=audio/mpeg loop="true" autostart="true">
幅と高さはプレーヤーの幅と高さで、柔軟に設定できます。
autostart="true" は自動再生を意味し、autostart="false" は自動再生しないことを意味します。
loop="true" は連続ループ再生を意味し、 loop="false" はループ再生しないことを意味します。
loop は整数にすることができます。たとえば、loop="3" は音楽が 3 回再生されることを意味します。

Firefox で再生できない場合は、QuickTime をインストールするように求められます。テスト後 (IE6+ Firefox Chrome テストに合格)


必要なプラグインをインストールすると、Firefox でバックグラウンド ミュージックを聴くことができます。

HTML 構文におけるバックグラウンド ミュージックのタグは <bgsound> と <embed> です。どちらを使用しても、Firefox ではバックグラウンド ミュージックを聞くことができません。解決策は次のとおりです。
1. iTunes+Quickをインストールする
ダウンロード: http://www.apple.com/quicktime/download/
または: http://www.apple.com/itunes/ から iTunes をダウンロードします。
インストール中: 「次へ」を押し続けます。特にマルチメディア ファイルの「連想接続」を確立するときは、チェックを外さずに、QuickTime との接続を確立させます。

2. Firefox に拡張機能を埋め込むために bgsound をインストールします。
ダウンロード: https://addons.update.mozilla.org/extensions/moreinfo.php?id=146&vid=237

3. 正しくインストールされているかどうかを確認します。Firefox を再起動し、アドレス バーに「about:plugins」と入力して、QuickTime プラグインがあるかどうかを確認します。


補足的な方法は次のとおりです。最初の方法が推奨されます。

<埋め込み src="py.mp3" 高さ="45" 幅="250">

ここで、src の後に挿入する音楽ファイルの名前が続き、height と width は再生フレームの高さと幅です。

Web ページを開いた後に音楽を自動的に再生したい場合は、次のコードを使用できます。

<DIV align=center><embed src="py.mp3" height="45" width="250" autostart="true" ></DIV>

再生ボックスを中央に表示したい場合は、次のコードを使用できます。

<DIV align=center><embed src="py.mp3" height="45" width="250"></DIV>

Firefox ブラウザで Web ページでバックグラウンド ミュージックを再生できるようにするには、オブジェクト タグを使用します。
以下は標準的なクロスブラウザコードの例です: (検索は Mozilla コミュニティから取得しました)

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

<オブジェクトデータ="music.mp3" タイプ="application/x-mplayer2" 幅="0" 高さ="0">
<param name="src" value="music.mp3">
<param name="自動開始" 値="1">
<param name="プレイカウント" value="無限">
</オブジェクト>

<<:  vue3 学習ノートにおける axios の使用の変更の概要

>>:  MySql の null 関数の使用の共有

推薦する

Vueコンポーネント登録方法の解釈

目次概要1. グローバル登録2. 現地登録3. モジュールシステムへのローカル登録概要コンポーネント...

MySQL インデックスのパフォーマンス最適化の問題に対する解決策

MySQL によって作成される最適化はインデックスを追加することですが、インデックスを追加しても目的...

タグのhref属性とonclickイベントの使用例

a タグは主にページ ジャンプを実装するために使用され、これは href 属性または onclick...

バッチファイルを処理するLinuxの1行コマンドの詳細な説明

序文最良の方法は、あなたが思いつく最も速い方法ではないかもしれません。職場で一時的に使用するスクリプ...

JavaScriptのモジュール性を理解する方法

目次1. ブラウザのサポート2.エクスポートモジュールのエクスポート3. モジュールをインポートする...

ノードを使用して静的ファイルキャッシュを実装する方法

目次キャッシュキャッシュ位置の分類キャッシュ設定ヘッダーNodeは静的ファイルキャッシュを実装する強...

Navicat PremiumでSQLファイルをインポートする方法

今日、最終プロジェクトに取り組み始めましたが、今年はMySQLデータベースを使用したため、Navic...

サイト全体を灰色にするCSSコードのまとめ

国務院は本日、新型コロナウイルス感染症との闘いで殉教した方々と犠牲者に対し、全国各民族人民の深い哀悼...

MySQLクエリキャッシュの簡単な使い方の詳細な説明

目次1. クエリキャッシュの実装プロセス2. クエリキャッシュを構成する3. クエリキャッシュを有効...

ElementUI のネストされたテーブルに基づいて複数選択を実装するためのサンプル コード

序文:私は友人のプロジェクトのバグを修正するのを手伝ったのでこれを書きました。この関数を書くのは初め...

負のz-indexを持つ要素がクリックできない問題の解決策

最近、ポップアップ広告に取り組んでいました。デフォルト ページには z-index が設定されていな...

Explainキーワードに基づいてMySQLインデックス機能を最適化する方法

EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...

Quill エディタでカスタム HTML レコードを挿入する詳細な例

もう2020年です。飢えた人間は単純なテキストでは満足できなくなり、さまざまなスタイルの派手なテキス...

シンプルなタブバー切り替えコンテンツバーを実装するJavaScript

この記事では、タブバーの切り替えコンテンツバーを簡単に実現するためのJavaScriptの具体的なコ...

Linux システムで Code Cloud にプロジェクトをアップロードする方法

Code Cloudで新しいプロジェクトtest1を作成します。 公開鍵を取得するには次のコマンドを...