[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:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Media         |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:
--------------------------+------------------------------

Comment (by mai21):

 @ericmulder Thanks for reporting the issue.
 == Reproduction Report
 === Description
 The issue is reproducible using BrowserStack Sonoma Safari 17.3 (The m4a
 is displayed and not working)

 === Environment
 - WordPress: 6.6-beta2-58396
 - PHP: 8.3.6
 - Server: nginx/1.24.0
 - Database: mysqli (Server: 10.6.16-MariaDB-0ubuntu0.22.04.1-log / Client:
 mysqlnd 8.3.6)
 - Browser: Sonoma on Browserstack, Safari 17.3 latest
 - OS: Linux
 - Theme: Twenty Eleven 4.6
 - MU Plugins: None activated
 - Plugins:
   * Code Snippets 3.6.5.1
   * Test Reports 1.1.0
   * WordPress Beta Tester 3.5.5

 === Steps to Reproduce
 1. Create a page with m4a shortcode i.e
 {{{
 [audio src="http://domain/wp-content/uploads/2024/06/sample1.m4a"]
 }}}
 2. Use a code snippet plugin to activate this code in additional note
 3. Visit the page on chrome and play the audio => audio is working
 4. Visit the page on Safari and play the audio

 x. 🐞 Audio isn't working

 === Expected Results
 1.  ✅ Audio is working as it does on Chrome

 === Additional Notes
 - To be able to reproduce, we need to make sure that no media files are in
 the source. We may need this code snippet to disable it. (thanks to
 @Boniu91 for the snippet)

 {{{
 //Dequeue Styles
 function project_dequeue_unnecessary_styles() {
     wp_dequeue_style( 'wp-mediaelement' );
     wp_deregister_style( 'wp-mediaelement' );
 }
 add_action( 'wp_print_styles', 'project_dequeue_unnecessary_styles' );

 //Dequeue JavaScripts
 function project_dequeue_unnecessary_scripts() {
     wp_dequeue_script( 'wp-mediaelement' );
     wp_deregister_script( 'wp-mediaelement' );
 }
 add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts' );
 }}}



 === Supplemental Artifacts

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