CSSでチェックボックスをチェックしたときにオーディオを再生する

Question

チェックボックスをオンにすると、オーディオファイルを自動的に再生しようとしています。私の最初のアイデアは、自動再生のオーディオタグを持って、このようにCSSを設定することでした：

audio { 
    display: none; 
} 
[type="checkbox"]:checked~audio { 
    display: inline; 
} 

これは当然のことですが、オーディオはウェブサイトがロードされると単に再生されます。誰でもこれを達成する方法を知っていますか？おそらく、チェックボックス '<label>タグと同じスペースをオーディオを再生するために使用するいくつかの方法があります。ありがとうございました。

Answer 1

これを達成するには、おそらくJavascriptなどが必要です。私の知る限りでは、CSSだけでメディアプレーヤーを制御する方法はありません。