Safari で再生/一時停止ボタンを正しく機能させるにはどうすればよいですか?

Question

Chrome では機能する小さなボタンが Safari では機能しないという状況があります。さまざまな場所で自動再生を試みましたが、成功しませんでした。ここで何が足りないのでしょうか？共有できるサウンドをオンラインに投稿していないことに注意してください。私は当初、Base64 でエンコードされたサウンド ファイルを使用していました。もっと短い記事が見つかったら、この投稿を編集するつもりですが、SO のエディターにより、私の投稿にはこの投稿が含まれるように制限されています。

リーリー

役立つ場合は、JS Fiddle へのリンクをここに示します。ありがとう。

https://jsfiddle.net/anonymouspenguin/kevhq7x1/1/

Answer 1

Safari でデバッグする方法がわかりませんが、Google Chrome では省略記号 (縦に 3 つの点のアイコン) をクリックし、[設定]、[開発者ツール] の順に選択します。

コンソールに移動>コンソールをクリア>ボタンをクリックしてください

このエラーが発生しました。ボタン ラベルの 2 つの onmouseup プロパティと ontouchpad プロパティは、他のプロパティと競合します。それらを削除してください。再生が正常に動作したら、次のエラーを見つけて続行します。

---

ボタンの HTML タグに属性を入れる代わりに、これを試すことができます:

リーリー