<audio preload="auto" controls="controls" autoplay="autoplay" loop="loop" muted="muted">
<source src="bgm.mp3">
</audio>
<script>
window.addEventListener('DOMContentLoaded', function(){
const audioElement = document.querySelector("audio");
audioElement.addEventListener('loadeddata', (e)=> {audioElement.muted = true; audioElement.autoplay = true; });});
slider_volume.addEventListener('input', (e) => { audioElement.volume = 1.0; });
</script>
これで表示されると再生しますがボリュームが0になってしまいます。
どこが間違っているのでしょうか?
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
audioElement.volume = 1.0の
1.0を変えてもダメですか?
ありがとうございます。
1.0を変えてもダメです。
3年ほど前から自動再生はブラウザで制限されているそうで。
基本的にはだめらしいのですが、javascriptで
何とかならないかと思って投稿しています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript JavascriptでDOM-based XSSの発生源となるinnerHTMLを変更したい 2 2023/08/29 22:11
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS HP作成 作成した画像を動画の上に配置したです。付属画像のような感じにしたいのですが、スマホのフチの 2 2022/02/02 12:22
- JavaScript javascript ループがうごかない 2 2021/10/25 16:19
- JavaScript html selectの内容を初期値に戻す 2 2021/11/10 18:29
- AJAX jQueryを使いformでsubmitした時の位置を保持する方法について 4 2021/12/23 16:23
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
JavascriptでXSSの脆弱性への対策を行いたい
JavaScript
-
-
4
本を見ながらPHPを勉強している初心者です。 今困っていること。 本番環境とローカル環境の差で困って
MySQL
-
5
HTMLのbody内に<style>~</style>定義は作法的にOKでしょうか?
HTML・CSS
-
6
アマゾンのような評価の星を選択した情報を確認画面でも表示させたいです。
PHP
-
7
ホームページの事でおしえてください
CGI
-
8
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
9
オススメのプログラミングスクールあればお聞きしたいです。 ・PHPを学べる ・ポートフォリオ作成でき
PHP
-
10
SFTPなどは使わないホームページやプログラムファイルの公開方法
PHP
-
11
HTML電卓で1文字消す方法
HTML・CSS
-
12
特定の文字列を複数抜き出したいです。 関数かGAS、あるいは条件付き書式等で判別できたら教えて下さい
JavaScript
-
13
プログラミングで詰まった時って皆さんどうしていますか?
その他(プログラミング・Web制作)
-
14
WordPressで画面還移なしの掲示板を作成する方法が分かりませんアドバイスお願い致します。
AJAX
-
15
このjavascriptのif文、条件式になっていないですが、どういう意味ですか?
JavaScript
-
16
フロントエンジニアで一人前といわれるレベルの画面
HTML・CSS
-
17
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
18
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
19
【JS】selectでchangeした時のデータを外の変数で保持するには?
JavaScript
-
20
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onbeforeunload時のwindow.open...
-
undefinedが表示されてしまう
-
showModalDialogで開いた画面か...
-
window.onloadイベントの任意実...
-
JavaScriptからVBScriptの呼び...
-
ウインドウの後ろに隠れている...
-
location.reload() について
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
getElementsByNameで要素が取得...
-
Jquery.PHPファイルのechoが表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでbgmを自動再生する...
-
JavaScriptからVBScriptの呼び...
-
onbeforeunload時のwindow.open...
-
undefinedが表示されてしまう
-
ASPで取得した情報をscriptタグ...
-
datepickerで日付の値を取得したい
-
ウインドウの後ろに隠れている...
-
Vbscriptで自分自身のウィンド...
-
Java ScriptでIPによるアクセス...
-
「関数が定義されていない」と...
-
javascriptでtableの該当行を削...
-
Cygwinでログをのこす方法
-
確認ダイアログで「キャンセル...
-
showModalDialogで開いた画面か...
-
location.reload() について
-
<aタグで変数に文字を代入
-
iPhone Safariの戻るボタンの挙動
-
毎回、ページ読み込み時に1回...
-
<![CDATA[の意味がわからない
-
JavaScript関数呼出し元の要素...
おすすめ情報