4:02
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5.
Video Steps
1. Ensure your DOCTYPE declaration is set to HTML5:
The declaration should display<!DOCTYPE html>
2. Begin your audio tag and define the source of the audio file
The source should reference your audio file's URL inside the single quotation (similar to the <img> tag's src). Complete the tag using a closing audio tag.<audio src="Audio.mp3">
</audio>
3. Include the player controls if desired
Controls are helpful since they allow visitors to pause and adjust volume on your player. Type "controls" within your opening audio tag after your source file to include them.4. Add additional properties you'd like the player to have
To loop the audio on the page, type "loop" after the source within the opening tag.To have the audio autoplay as soon as the page loads, type "autoplay" after the source within the opening tag.
5. Include a message for visitors whose browsers do not support HTML 5.
The message (or image) you use is inserted between the <audio> and </audio> tags
0 Comments
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Box Shadow Effect in CSS | 149 | |
| Embedded Flash in HTML5 | 102 | |
| Introduction to jQuery (Part 2) | 902 | |
| Flexible Layouts | 71 |
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Join us in celebrating longtime user Rowby Goren for his great contributions of engaging with other users on site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a H…
Suggested Courses
Next Video:Introduction to HTML (Part 2)