![](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ランキング
-
ウィンドウが閉じない
-
<FORM ACTION= をつけると「宣...
-
Java Appletについて教えて下さ...
-
Vbscriptで自分自身のウィンド...
-
Cygwinでログをのこす方法
-
このサイトの仕組みを教えてく...
-
リンク時にjavascriptを2つ動...
-
表示サイズの小さいホームペー...
-
<a href="#" …>の意味を教えて...
-
UAによるリダイレクト
-
外部読み込みで動かないときの...
-
Cookieの回数で閲覧制限、javas...
-
他のページ更新
-
フレーム分割領域のサイズを変...
-
色の指定で配列を使いたい
-
DOMで生成したタグにCSSが適用...
-
セレクトメニューでリンクの際...
-
小ウインドウのスクロールバー
-
javascriptでalertの文字列をコ...
-
CGIフォーム一定時間過ぎる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Vbscriptで自分自身のウィンド...
-
Cygwinでログをのこす方法
-
JavaScriptからVBScriptの呼び...
-
onbeforeunload時のwindow.open...
-
リンク先のJavaScriptを実行す...
-
javascriptでbgmを自動再生する...
-
JavaScript関数呼出し元の要素...
-
【js】attrで属性を取得する...
-
undefinedが表示されてしまう
-
ASP.NET(VB2005)■ WEBページ...
-
「関数が定義されていない」と...
-
ウインドウの後ろに隠れている...
-
表示サイズの小さいホームペー...
-
datepickerで日付の値を取得したい
-
マウスオーバー時の下線表示に...
-
ウィンドウが閉じない
-
javascriptでtableの該当行を削...
-
毎回、ページ読み込み時に1回...
-
JavaScriptによる(連続)自動判定
-
確認ダイアログで「キャンセル...
おすすめ情報