ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5音楽を読み込めない場合はどうすればよいですか?

HTML5音楽を読み込めない場合はどうすればよいですか?

藏色散人
リリース: 2023-01-06 11:38:18
オリジナル
2797 人が閲覧しました

HTML5 音楽を読み込めない問題の解決策: 1. 対応する HTML ファイルを開きます; 2. HTML5 オーディオ タグ コードを確認します; 3. JS コード「function toggleSound() {var music=document.getElementById( "vd");console.log(music);console.log(music.paused);if () {...}" で再生の問題を解決できます。

HTML5音楽を読み込めない場合はどうすればよいですか?

#このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 音楽を読み込めない場合はどうすればよいですか?

HTML5 オーディオ タグが再生できない問題の解決

最初にオーディオ タグのいくつかの属性について話しましょう

その属性:

autoplay autoplay 表示される場合 このプロパティにより、準備が整うとすぐにオーディオが再生されます。

controls コントロール この属性が表示されると、再生ボタンなどのコントロールがユーザーに表示されます。

loop ループ この属性が存在する場合、オーディオが終了するたびに再生が再開されます。

muted muted ビデオ出力をミュートするように指定します。

preload preload この属性が表示される場合、ページがロードされて再生の準備ができたときにオーディオがロードされます。 「自動再生」が使用されている場合、この属性は無視されます。

src url 再生するオーディオの URL。

autoplay 属性を追加した後でも、まだ自動的に再生できないことがわかります。この問題を解決するには、js コードを追加できます:

function toggleSound() {
            var music = document.getElementById("vd");//获取ID  
                console.log(music);
                console.log(music.paused);
            if (music.paused) { //判读是否播放  
                music.paused=false;
                music.play(); //没有就播放 
            }         
        }
setInterval("toggleSound()",1);
ログイン後にコピー

推奨学習: 「HTML5 ビデオ チュートリアル」 "

以上がHTML5音楽を読み込めない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート