![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<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・CSS
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
-
4
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
5
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
6
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
7
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
8
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
9
WordPressで掲示版を無料で自分で作るのって、ホームページ制作知識ほぼ0(ゼロ)の素人でも可能
WordPress(ワードプレス)
-
10
画面遷移を行わずに同一ページでHTML表示を切り替えたい
JavaScript
-
11
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
12
非同期通信で掲示板を作る際の送信画面はフォームである必要はありますでしょうか?
AJAX
-
13
「IDセレクタ」は,HTMLで特定のタグに ( ) 属性をつけておき,その属性値を使って指定する ↑
HTML・CSS
-
14
フォルダを自動作成・移動を複数ファイルに対して行うバッチ処理について
その他(プログラミング・Web制作)
-
15
React hooksが値を返して配列変数に格納するメカニズム
JavaScript
-
16
HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを
HTML・CSS
-
17
【ChatGPT】皆さんの人とは変わったチャットGPTの使い方をしている人に質問です
その他(プログラミング・Web制作)
-
18
htmlのエラーについて(デバッグ)
PHP
-
19
【JS】selectでchangeした時のデータを外の変数で保持するには?
JavaScript
-
20
css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。
HTML・CSS
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Vbscriptで自分自身のウィンド...
-
java scipt
-
ウィンドウが閉じない
-
サイトのソースに、あるjavascr...
-
JavaScriptからVBScriptの呼び...
-
ウインドウの後ろに隠れている...
-
ユークリッドの互除法
-
表示サイズの小さいホームペー...
-
onbeforeunload時のwindow.open...
-
scriptタグ
-
<aタグで変数に文字を代入
-
javascriptでtableの該当行を削...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
スマホ上で、左右スワイプで次...
-
新しいウィンドゥを最大化で立...
-
pythonのWebスクレイピングでfi...
-
javascriptファイルは1つに統...
-
javascriptでalertの文字列をコ...
-
【Google Apps Script】「ライ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Vbscriptで自分自身のウィンド...
-
JavaScriptからVBScriptの呼び...
-
毎回、ページ読み込み時に1回...
-
ウインドウの後ろに隠れている...
-
onbeforeunload時のwindow.open...
-
<aタグで変数に文字を代入
-
javascriptでbgmを自動再生する...
-
datepickerで日付の値を取得したい
-
JavaScript関数呼出し元の要素...
-
Cygwinでログをのこす方法
-
showModalDialogで開いた画面か...
-
PrintScreenキーを無効にしたい
-
undefinedが表示されてしまう
-
ブラウザの「戻る」ボタンを押...
-
リンク先のJavaScriptを実行す...
-
<script>...</script> 要素の内
-
location.reload() について
-
フォルダ名の取得方法
-
確認ダイアログで「キャンセル...
-
Java ScriptでIPによるアクセス...
おすすめ情報