MENU


Multimedia

<audio> plays a sound file; contains the alternative text. (tip: 'Audacity' is a popular free audio editor.)
...... src=URL
...... autoplay: plays as soon as it is ready
...... muted: initially silenced?
...... controls: displays the audio widget
...... loop: repeats after finishing
...... disableRemotePlayback: disallows playback through wired (eg. HDMI, DVI) or wireless (eg. Miracast, Chromecast, DLNA, AirPlay) technologies
...... crossorigin
...... preload= {
           auto: entire file |
           metadata: only metadata |
           none: no automatic loading |
           "": nothing }

The MP3 file will be preferred over the OGG file.


<video>plays a movie; contains the alternative text
{......src ......autoplay .......buffered ...... loop ...... muted ...... loop ......disableRemotePlayback ......crossorigin ......preload} as in <audio>
...... height=pixels
...... width=pixels
...... controls: shows volume, seeking, pause controls, etc
...... controlslist = { nodownload | nofullscreen | noremoteplayback }
...... playsinline: suggests playing within the element's playback area instead of on a fullscreen
...... poster=URL: the image to show while the video is downloading

Alternatively, you can choose to embed videos uploaded to YouTube. This will guarantee fast loading, lighten server load, drive organic traffic (SEO), allow comments, and possibly generate revenue from ads. (see the example on YouTube in this section.) Blocked by the Great Firewall, YouTube is inaccessible directly in China. However, Chinese Internet users can still access YouTube through a VPN (virtual private network) and in places such as Macau, Hong Kong, and Shanghai. Despite the ban, Alexa is ranking YouTube as the 11th most visited website in China.

<track> is used within <audio> and <video>, specifies subtitles and other text that should be visible when playing.
....... src=URL
...... label=text
...... srclang= two_ letter_ language _code
...... kind= {captions| chapters |descriptions| metadata| subtitles}
...... default: specifies that the track is the default among all tracks

The Web Video Text Track (WebVTT) API allows you to display timed captions/subtitles to videos.

<object>produces an embedded object such as an image, audio, video, applet, ActiveX, PDF, Flash etc. <img>,<audio> and <video> should be used instead where appropriate. The text contained by the <object> tags is the alternative text to be displayed when the plug-in is not supported.
....... data=URL
...... height=pixels
...... width=pixels
...... name=text
...... type=MIME_type
...... form=form_id
...... usemap=mapname
...... typemustmatch
<param> used within <object>, passes parameters to the plugin.
....... name=text
...... value=value

<embed>defines an external application or plug-in. This tag shares some similarities with <object> and used to be better supported by Netscape.
........src=URL
...... height=pixels
...... width=pixels
...... type=MIME_type

In the last example, the browser first tries the mp4 format, then the ogg format, and then the WebM format. If all these fail, it tries the <object> element. The <embed> element will be tried if everything else fails.
RESETRUNFULL
<!DOCTYPE>
<html>
<head><base href="https://webcodingcenter.com/shared/"/></head>
<body>
<video width="300" height="300" controls="controls">
   <source src="movie2.mp4" type="video/mp4" />
   <source src="movie.ogv" type="video/ogg" />
   <source src="movie.webm" type="video/webm" />
   <object data="movie.mp4" width="300" height="300">
      <embed src="movie.flv" width="300" height="300">
         Your browser does not support video.
       </embed>
   </object> </video>
</body>
</html>
You can display a YouTube video in several ways.
Likewise, you can display a PDF document in several ways.
RESETRUNFULL
<!DOCTYPE html>
<html>
<head>
  <base href="https://webcodingcenter.com/shared/"/> 
</head>
<body>
  <object width="400px" height="400px" data="html_basics.pdf"></object>
  <embed width="500px" height="500px" src="html_basics.pdf"></embed>
  <iframe width="600px" height="600px" src="html_basics.pdf"></iframe>
</body>


<canvas> reserves a region for a script to draw.
...... height=pixels
...... width= pixels