実現したいこと
audioタグで表示されるプレイヤーのオプションメニューの表示位置を正しくしたい
前提
複数のaudioプレイヤーがひとつのWebページ内にある場合、どのプレイヤーのオプションアイコンをクリックしても、一番下のプレイヤーのアイコン横にメニューが表示されてしまう。
WindowsのChrome, Edge で確認済み。Firefoxはそもそもオプションアイコンがない。
発生している問題・エラーメッセージ
上述の通り、プレイヤーが1ページ内に複数存在していると、一番下のプレイヤーの横にメニューが表示される。画像も添付するので見てみてください。数十個のプレイヤーを並べているページだと、一番下が見えないのでまるでオプションが効かないように見えます。以前はこんなふうにはなってませんでしたが。
該当のソースコード
html
1<audio src="ソースファイル名" preload="auto" controls="controls"></audio>
試したこと
プレイヤーが1ページ内にひとつの場合は問題なし。
複数あると一番下のプレイヤーの位置でメニューが開く。
補足情報（FW/ツールのバージョンなど）
WindowsのChrome, Edge
0 コメント