{"id":58646,"date":"2016-02-23T16:24:22","date_gmt":"2016-02-23T22:24:22","guid":{"rendered":"http:\/\/blogs.uww.edu\/instructional\/?p=58646"},"modified":"2016-02-23T16:24:22","modified_gmt":"2016-02-23T22:24:22","slug":"embedded-mp3-files-autoplay-in-desire2learn","status":"publish","type":"post","link":"https:\/\/blogs.uww.edu\/instructional\/2016\/02\/23\/embedded-mp3-files-autoplay-in-desire2learn\/","title":{"rendered":"Embedded mp3 files autoplay in Desire2Learn"},"content":{"rendered":"<p>In the latest version of Chrome and Firefox, mp3 files embedded via D2L will auto play even when they are set to not autoplay.\u00a0 This is a known issue with newer browsers.<\/p>\n<p>The best work around is to use an HTML5 player to embed your mp3 files.<\/p>\n<p>1. Upload your mp3 files to D2L. We suggest putting them in a directory to help keep your files organized. In this example that directory will be &#8220;audiofolder&#8221;.<\/p>\n<p>2. Create or edit a content page in D2L.<\/p>\n<p>3. Inside the content page click <strong>HTML source editor<\/strong>. The icon is in the lower left of the content editing window:<br \/>\n<img loading=\"lazy\" decoding=\"async\" title=\"HTML Source Editor icon\" src=\"https:\/\/kb.wisc.edu\/images\/group16\/58372\/HTMLSourceEditor.jpg\" alt=\"HTML Source Editor icon\" width=\"160\" height=\"79\" \/><\/p>\n<p>4. After the &lt;body&gt; tag cut-and-paste the following code:<\/p>\n<p>&lt;audio controls&gt;<br \/>\n&lt;source src=&#8221;audiofolder\/audiofile.mp3&#8243; type=&#8221;audio\/mpeg&#8221;&gt;<br \/>\nYour browser does not support the audio element.<br \/>\n&lt;\/audio&gt;<\/p>\n<p>Replace \u201caudiofolder\/audiofile.mp3\u201d with the location and name of your mp3 file. Your HTML editor will look something like this:<br \/>\n<img loading=\"lazy\" decoding=\"async\" title=\"HTML Source Editor with HTML5 mp3 player code inserted\" src=\"https:\/\/kb.wisc.edu\/images\/group16\/58372\/HTMLEditor.jpg\" alt=\"HTML Source Editor with HTML5 mp3 player code inserted\" width=\"446\" height=\"336\" \/><\/p>\n<p>5. Click <strong>Save<\/strong>.<\/p>\n<p>6. Click <strong>Update<\/strong>.<\/p>\n<p>7. Your Content page with the HTML5 mp3 player should look something like this:<br \/>\n<img loading=\"lazy\" decoding=\"async\" title=\"D2L Content page with HTML5 mp3 player embedded in it\" src=\"https:\/\/kb.wisc.edu\/images\/group16\/58372\/HTML5player.jpg\" alt=\"D2L Content page with HTML5 mp3 player embedded in it\" width=\"540\" height=\"130\" \/><\/p>\n<p>If you have additional questions, please <a href=\"http:\/\/d2l.uww.edu\/contact-d2l-support\">contact UW-W Desire2Learn Support<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the latest version of Chrome and Firefox, mp3 files embedded via D2L will auto play even when they are set to not autoplay.\u00a0 This is a known issue with newer browsers. The best work around is to use an &hellip; <a href=\"https:\/\/blogs.uww.edu\/instructional\/2016\/02\/23\/embedded-mp3-files-autoplay-in-desire2learn\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3141],"tags":[],"class_list":["post-58646","post","type-post","status-publish","format-standard","hentry","category-for-instructors"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2U0PY-ffU","jetpack_sharing_enabled":true,"publishpress_future_action":{"enabled":false,"date":"2026-04-25 21:21:40","action":"Draft","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/posts\/58646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/comments?post=58646"}],"version-history":[{"count":3,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/posts\/58646\/revisions"}],"predecessor-version":[{"id":58649,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/posts\/58646\/revisions\/58649"}],"wp:attachment":[{"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/media?parent=58646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/categories?post=58646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.uww.edu\/instructional\/wp-json\/wp\/v2\/tags?post=58646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}