'P tag isn't showing
Super simple school assignment. I embedded an audio file and I'm suppose to add the transcript in a p tag following the audio file. No CSS required. Problem is, I can't get the text in my p tag to show up and I can't figure out why? I feel like I'm missing something really simple.
<!DOCTYPE html>
<html>
<head>
<title>Edward Scissorhands</title>
</head>
<body>
<h2>Edward Scissorhands<h2>
<audio src="EdwardReview.mp3" controls>
<p>Edward Scissorhands is a story set in a picturesque suburban town in the 1950s.
The story centers around protagonist Edward—a young man brought to life by the experiments
of his creator scientist. Edward was unfinished when his creator died, leaving him with
large scissor-like hands. He is then found by the local Avon-lady and adopted by her and her
family. The movie sees Edward attempting to navigate the peculiar social structures of an
exaggerated 1950s suburban landscape, while attempting to learn about life and love. Edward
Scissorhands is essentially a retelling of Frankenstein, through the lens of Tim Burton’s
magical storytelling. The scenery is captivating and the musical score really adds feeling to
the movie’s most moving scenes. The movie is set around Christmas time, so if you haven’t yet
seen it, what better time than this holiday season.</p>
</body>
</html>
Solution 1:[1]
<!DOCTYPE html>
<html>
<head>
<title>Edward Scissorhands</title>
</head>
<body>
<h2>Edward Scissorhands<h2>
<audio controls>
<source src="EdwardReview.mp3" type="audio/mpeg">
</audio>
<p>Edward Scissorhands is a story set in a picturesque suburban town in the 1950s.
The story centers around protagonist Edward—a young man brought to life by the experiments
of his creator scientist. Edward was unfinished when his creator died, leaving him with
large scissor-like hands. He is then found by the local Avon-lady and adopted by her and her
family. The movie sees Edward attempting to navigate the peculiar social structures of an
exaggerated 1950s suburban landscape, while attempting to learn about life and love. Edward
Scissorhands is essentially a retelling of Frankenstein, through the lens of Tim Burton’s
magical storytelling. The scenery is captivating and the musical score really adds feeling to
the movie’s most moving scenes. The movie is set around Christmas time, so if you haven’t yet
seen it, what better time than this holiday season.</p>
</body>
</html>
You're not using the audio
tag correctly. It needs to be in the format:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Because it is invalid, nothing below it is rendering correctly.
Solution 2:[2]
You don't have the closing audio tag, Try this code!
<audio controls>
<source src="school.mp3" type="audio/mpeg">
</audio>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | EGC |
Solution 2 | Mohi |