Assessment wanted for Multimedia and embedding test

MDN Learn
#1

Task Link
Codes to share at Codepen

Hi,
Thank you for your kind lectures and this place.
I would like you to have a look at my codes and give me assessment.

The task was to embed audio, video, pdf and YouTube clip.
I have put the given media links embedding tests in one file.

In the codepen output, due to the protocol issue, the subtitle of the 2nd video embedding and pdf link don’t work properly.
However, it worked in the localhost accessing downloaded files on the following code.

<video controls muted width="320" height="240">
    <source src="media/video.mp4" type="video/mp4">
    <source src="media/video.webm" type="video/webm">
    <track kind="subtitles" src="media/subtitles_en.vtt" srclang="en" label="English">
    <p>Your browser doesn't support HTML video. Here is a <a href="media/video.mp4">link to the video</a> instead.
    </p>
</video>


<h1>Embedding</h1>
<embed src="media/mypdf.pdf" type="application/pdf"/>
<hr>
<iframe width="560" height="315" src="https://www.youtube.com/embed/gdZLi9oWNZg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Kind regards,
Healisa

#2

Hi @healisa
I am just another learner as well so can only compare to what I did.

  • All the code, apart from the PDF as you state, works
  • The video and audio show controls
  • The video has subtitles
  • There are links to download should they not work so hitting all the required accessibility points.

I learn two new things from your share. The first was the

tag (horizontal rule) and the second was that BTS song which is great. I like k-pop. Hard to say who my favorite it. For a purely happy song its got to be likey by Twice.

Keep up the great work :sunglasses::muscle:t4: