![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
<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のfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
-
4
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
5
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
6
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
7
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
8
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
9
非同期通信で掲示板を作る際の送信画面はフォームである必要はありますでしょうか?
AJAX
-
10
「IDセレクタ」は,HTMLで特定のタグに ( ) 属性をつけておき,その属性値を使って指定する ↑
HTML・CSS
-
11
React hooksが値を返して配列変数に格納するメカニズム
JavaScript
-
12
フォルダを自動作成・移動を複数ファイルに対して行うバッチ処理について
その他(プログラミング・Web制作)
-
13
【ChatGPT】皆さんの人とは変わったチャットGPTの使い方をしている人に質問です
その他(プログラミング・Web制作)
-
14
【JS】selectでchangeした時のデータを外の変数で保持するには?
JavaScript
-
15
HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを
HTML・CSS
-
16
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
17
htmlのエラーについて(デバッグ)
PHP
-
18
css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。
HTML・CSS
-
19
PythonのTkinter詳しい方へ。画像や言葉の意味を答える3択クイズを作るのに手間取っています
その他(プログラミング・Web制作)
-
20
【GAS】特定文字の削除について
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptからVBScriptの呼び...
-
引数の数によって関数の動作を...
-
ウインドウの後ろに隠れている...
-
scriptタグ
-
このサイトの仕組みを教えてく...
-
ASPで取得した情報をscriptタグ...
-
Javascriptのエレガントな書き方。
-
onbeforeunload時のwindow.open...
-
<a href="#" …>の意味を教えて...
-
【javascript クロスブラウザ...
-
別ファイルのfunctionの読み込み方
-
プルダウンメニューを別ファイ...
-
javascriptでalertの文字列をコ...
-
相対パスと絶対パスの速度
-
シャドウボックスとjQueryを共...
-
リンク先のURLを記述せずに、Ja...
-
外部ファイルJS参照を全て消さ...
-
ホームディレクトリを示すチル...
-
cssにjavascriptを入れる?呼び...
-
特定のページから移動してきた...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Vbscriptで自分自身のウィンド...
-
Cygwinでログをのこす方法
-
JavaScriptからVBScriptの呼び...
-
onbeforeunload時のwindow.open...
-
リンク先のJavaScriptを実行す...
-
javascriptでbgmを自動再生する...
-
JavaScript関数呼出し元の要素...
-
【js】attrで属性を取得する...
-
undefinedが表示されてしまう
-
ASP.NET(VB2005)■ WEBページ...
-
「関数が定義されていない」と...
-
ウインドウの後ろに隠れている...
-
表示サイズの小さいホームペー...
-
datepickerで日付の値を取得したい
-
マウスオーバー時の下線表示に...
-
ウィンドウが閉じない
-
毎回、ページ読み込み時に1回...
-
javascriptでtableの該当行を削...
-
JavaScript ランダムリンク+自...
-
JavaScriptによる(連続)自動判定
おすすめ情報