Assessment Request for Multimedia and Embedding Skill Test 1

I would like to have an assessment on the tasks mentioned in this page:

My Code
Online Code Editor - https://jsfiddle.net/maria_ringes/5b2u1sjr/35/

A Few Notes

  • I was able to see captions on the iFrame of the MDN site, however they did not appear the same way in the JSFiddle.
  • Additionally, I was able to see the PDF on the iFrame of the MDN site, however the file did not appear the same way in the JSFiddle.

Thank you,
Maria Ringes

Welcome back @maria_ringes

Great work on these exercises! :clap:

Here are my comments:

  • Task 1: It may be a good idea to include a link to the mp3 file inside the fallback text. This way a user with an unsupported browser could at least download the file.
    Something like this:
    <p>Your browser doesn't support HTML5 audio. Here is a <a href="https://mdn.github.io/learning-area/html/multimedia-and-embedding/tasks/media-embed/media/audio.mp3">link to the audio</a> instead.</p>
    
  • Task 2: You can omit the default attribute on the <track> tag since it’s the only track. Everything else is fine. The captions won’t be displayed because JSFiddle isn’t allowed to load such external data. You can see the error message in the browser console.
  • Task 3: Correct!
    It seems Chrome blocks the loading of the PDF on JSFiddle. I don’t know why it allows the loading on MDN. Firefox displays the PDF on both pages. That’s one of the reasons for not using <object> in modern applications. In the case of a PDF it’s better - in my opinion - to just link to the file. The browser will then either display it in the whole tab or download the file (depending on the user preferences).

I hope that helps. Feel free to ask questions. :slightly_smiling_face:

Have a nice weekend,
Michael

1 Like

Thank you @mikoMK! I have adjusted the code as recommended. I appreciate your explanation of some missing elements.

Great improvements :+1:

By the way, JSFiddle changes the URL whenever you save your edits. I found your newest version, but in the future it would be easier if you could post the new link after editing. :upside_down_face:

2 Likes