{"id":822,"date":"2022-02-25T15:13:23","date_gmt":"2022-02-25T15:13:23","guid":{"rendered":"https:\/\/freelancewp.guide\/?p=822"},"modified":"2022-02-25T15:14:14","modified_gmt":"2022-02-25T15:14:14","slug":"improve-the-wordpress-audio-and-video-player-with-4-lines-of-code","status":"publish","type":"post","link":"https:\/\/freelancewp.guide\/improve-the-wordpress-audio-and-video-player-with-4-lines-of-code\/","title":{"rendered":"Improve the WordPress Audio and Video Player with 4 lines of code"},"content":{"rendered":"\n<p>WordPress styles the default audio and video elements, and frankly it&#8217;s not an improvement.<\/p>\n\n\n\n<p>Below is the code to turn the audio player from this<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-styled-1024x70.png\" alt=\"\" class=\"wp-image-826\" width=\"500\" height=\"33\" srcset=\"https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-styled-1024x70.png 1024w, https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-styled-300x21.png 300w, https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-styled.png 1398w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<p>into this<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-not-styled-1024x101.png\" alt=\"\" class=\"wp-image-825\" width=\"500\" srcset=\"https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-not-styled-1024x101.png 1024w, https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-not-styled-300x29.png 300w, https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-not-styled-768x75.png 768w, https:\/\/freelancewp.guide\/wp-content\/uploads\/sites\/4\/2022\/02\/wp-audio-not-styled.png 1404w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>function deregister_media_elements(){\n\twp_deregister_script('wp-mediaelement');\n\twp_deregister_style('wp-mediaelement');\n}\nadd_action( 'wp_enqueue_scripts' , 'deregister_media_elements' );<\/code><\/pre>\n\n\n\n<p>Add the code to your theme functions.php file.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress styles the default audio and video elements, and frankly it&#8217;s not an improvement. Below is the code to turn the audio player from this into this Add the code to your theme functions.php file.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/posts\/822"}],"collection":[{"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/comments?post=822"}],"version-history":[{"count":2,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/posts\/822\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/posts\/822\/revisions\/829"}],"wp:attachment":[{"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/media?parent=822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/categories?post=822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freelancewp.guide\/wp-json\/wp\/v2\/tags?post=822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}