私は Wordpress で Web サイトを構築しています。さまざまなページのさまざまな要素に div とマウス イベント (onmouseover、onmouseenter、onclick) を使用しています。
フッターにオーディオとスクリプトを配置しました。
<audio id="ef1"><source src="url"/></audio>
<script type="text/javascript">var ef1 = document.getElementById("ef1"); ef1.volume='0.4';</script>
これは、私が望む任意のページの任意の div 内で呼び出されます:
onmouseenter="ef1.play();"
特定のページをロードするための効果もあります。したがって、すべてのオーディオがフッターにあるわけではありません。
問題は、これらすべてのオーディオを一緒に処理するにはどうすればよいかということです。1 つの要素 (div) をクリックして、すべてのオーディオを有効または無効にしますか?
ボリュームスライダーも問題ありませんが、私にとっては機能を有効/無効にするだけで十分です.
edit : これは、div 内の onclick イベントとしての切り替え機能である必要があります。私が今のところ知っているのは、置くことだけです：
onclick="ef1.volume='0'; ef2.volume='0'; etc"
これに関する問題（多くのオーディオがあることに加えて）は、更新または他のページを開いた後に音量が正常に戻ることです。
edit2 :これは私が求めていることでもありますか? おそらく、この onclick イベントは、何らかの形で IP アドレスを「記憶」するか、単に Cookie を残す必要がありますか? これを達成する方法がわかりません（完全な初心者）...