Assessment wanted for "Multimedia and Embedding Skill Test 1" | dissidenttux

MDN Learn
,
#1

Assessment wanted for “Multimedia and Embedding Skill Test 1”

Looking for feedback on this assessment here. The only thing that sticks out to me on the assessment that could be confusing is the last bullet point on Task 2, which reads:

Make sure the readers can identify the subtitle language when they use the default controls

I interpereted this as ensuring that the <track> element had the label attribute and the proper value for English, but I could be wrong.

Thanks in advance,
dissidenttux

Task 1

CSS

audio {
  border: 1px solid black;
}

HTML

<h1>Basic audio embed</h1>

<audio src="media/audio.mp3" controls>
<p>royalty-free jungle adventure rising action <a href="media/audio.mp3">music</a></p>
</audio>

Task 2

CSS

video {
  border: 1px solid black;
  width: 320px;
  height: 240px;
}

HTML

<h1>Video embed</h1>

<video controls muted>
  <source src="media/video.mp4" type="video/mp4" />
  <source src="media/video.webm" type="video/webm" />
  <track kind="subtitles" src="subtitles_en.vtt" srclang="en" label="English" />
  <p>Bunny nick-nack video.
    Versions:
    <ul>
      <li><a href="media/video.mp4">mp4</a></li>
      <li><a href="media/video.webm">WebM</a></li>
    </ul>
  </p>
</video>

Task 3

CSS

embed {
  width: 36rem;
  height: 24rem;
}

HTML

<h1>Embedding</h1>

<!-- PDF embed here  -->
<embed src="media/mypdf.pdf" type="application/pdf"></embed>

<hr>

<!-- 3rd party embed here  -->
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/57w2FPoiPWk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
#2

Hi @dissidenttux

Sorry for the looong delay.

Very well done. There’s just a typo in task 3 (<xembed). Everything else is correct.

That’s also my understanding.

See you,
Michael

1 Like
#3

There’s just a typo in task 3 ( <xembed)

Fixed. Thanks!

also my understanding

Good to know, perhaps an edit on the page would be in order?

#4

That sounds reasonable. At the bottom of the task page is a box with information on how to correct/report an issue with the page.

1 Like