'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>
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

Related Questions