Assessment wanted for embedding tasks

MDN Learn
#1

Hello! Need assessment for HTML embedding tasks:

Source code.

Github Pages:

#2

Hello @VladimirK

you doing great well done as usual just a little note

when a browser does not able to play the audio or video then there 2 cases

  1. it very old browser that does not support html video tag https://caniuse.com/?search=video or audio tag https://caniuse.com/?search=audio
    i do not know what those old browser will do when they read those tags
  2. the browser does not support the codec that video/audio file same as when you play a video with you video player and it does not work or sometime only play the audio part but not the video and so on so you need to install the codec to allow those video

so displaying that Your browser doesn't support <abbr title="HyperText Markup Language">HTML5</abbr> audio. so it’s not html5 audio it just audio that the browser has not the codec to play it

i notice there a restaurant icon for the map inside your task does that mean you inviting us for dinner :joy:

hope that help and have a nice day :slight_smile:

Edit : i notice that this html5 video and audio was in the lesson so not sure if it was right not let me ask @mikoMK for his opinion about that

not sure if change the error message would be better like Cannot play back the file. The format is not supported

1 Like
#3

Thank you for fair remark!
I saw Your browser doesn't support HTML5 video/audio in embedding lesson.

image
image1020Ă—146 13.5 KB

image
image1009Ă—188 19.3 KB

i notice there a restaurant icon for the map inside your task does that mean you inviting us for dinner :joy:

Yes! Eat donuts and then play some counter strike :slight_smile:

#4

do not say i did not warn you :joy:

hungry-starving

1 Like
#5

Hi to both of you :wave:

Browsers tend to just ignore tags they don’t know and just displays the text between the start and end tag. Therefore it is recommended to use such a fallback text.
From <audio> | MDN (same text also on <video>):

The content inside the opening and closing <audio></audio> tags is shown as a fallback in browsers that don’t support the element.

It doesn’t even have to be old browsers. Think of a feed reader app that displays blog posts and doesn’t fully understand the HTML standard.

Cheers!
Michael

2 Likes
#6

thanks @mikoMK

did not think of this

thanks again and have a nice day both of you :slight_smile:

2 Likes
#7

Thank you! So

image
image1030Ă—313 10.1 KB

is better than
image

Because first example have fallback text?
Right?

Both examples is from audio | MDN.

#8

Nope. I commented out all parts that would be ignored by old browsers. What’s left is the fallback text in both examples:

<!-- <audio controls> (ignored) -->
  <!-- <source src="myAudio.mp3" type="audio/mpeg"> (ignored) -->
  <!-- <source src="myAudio.ogg" type="audio/ogg"> (ignored) -->
  <p>Your browser doesn't support HTML5 audio. Here is
     a <a href="myAudio.mp3">link to the audio</a> instead.
  </p>
<!-- </audio> (ignored) -->

<!-- <audio
    controls
    src="/media/cc0-audio/t-rex-roar.mp3"> (ignored) -->
        Your browser does not support the
        <code>audio</code> element.
<!-- </audio> (ignored) -->

The <source> element was introduced together with <audio> and <video> and is therefore also unknown by old browsers.

Cheers!
Michael

1 Like
#9

i think he meant to ask that provide link to the audio file with the error message is much better than just display the browser does not support … error message only

unless if i miss understand him :slight_smile:

2 Likes
#10

Time will tell who’s right :grin:

But I agree, linking to the file is a better practice :+1:

2 Likes
#11

Yes, justsomeone! You understand me.

Thank you guys for explanations! :relieved:

2 Likes
#12

you very welcome :slight_smile:

let us go and get some donuts do not worry @mikoMK
@VladimirK is inviting us :joy:

2 Likes
#13

:joy::joy::joy: sounds great :joy::joy::joy:

2 Likes