[wp-trac] [WordPress Trac] #61398: Missing src attribute on <audio> tag prevents m4a audio files playing in safari.

[WordPress Trac]

#61398: Missing src attribute on <audio> tag prevents m4a audio files playing in
safari.
-----------------------------------------+------------------------
 Reporter:  ericmulder                   |       Owner:  joedolson
     Type:  defect (bug)                 |      Status:  accepted
 Priority:  normal                       |   Milestone:  6.9
Component:  Media                        |     Version:  6.6
 Severity:  normal                       |  Resolution:
 Keywords:  has-patch reporter-feedback  |     Focuses:
-----------------------------------------+------------------------

Comment (by ericmulder):

 Thanks for the explanation @SirLouen, and I agree the test / description
 could have been a bit more descriptive.

 TLDR; I recreated the test with an actual iOS device and the safari bug
 seems to be solved. Only occurs when javascript is disabled.

 I've tried to create a test that is reproducible. And to make sure since
 the bug only appeared on iOS devices, I got our local test phone to test
 it out. The report form @iamshashank was on macOS.

 Steps to test:
 1) start a WordPress site

 {{{
 wp-env start
 }}}


 2) update the post with audio blocks:

 {{{
 wp-env run cli wp post update 1 --post_content='<!-- wp:shortcode -->
 [audio m4a="https://labelvier.nl/wp-content/uploads/2025/08/sleep-
 music.m4a" mp3="https://labelvier.nl/wp-content/uploads/2025/08/motor-
 rev.mp3"]
 <!-- /wp:shortcode -->

 <!-- wp:shortcode -->
 [audio m4a="https://labelvier.nl/wp-content/uploads/2025/08/sleep-
 music.m4a"]
 <!-- /wp:shortcode -->

 <!-- wp:audio -->
 <figure class="wp-block-audio"><audio controls src="https://labelvier.nl
 /wp-content/uploads/2025/08/sleep-music.m4a"></audio></figure>
 <!-- /wp:audio -->'
 }}}

 3) Open the post on an iPhone to test the different audio blocks:

 [[Image(https://labelvier.nl/wp-content/uploads/2025/08/2025-08-05
 12.56.36.jpg)]]

 4) Open the post on a Mac and disable javascript in Safari. That's
 currently the only case where the m4a or mp3 is not loading.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/61398#comment:24>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform