HTML <source> Tag

#	Content	Views
1.	Tutorial Tags	36,922
2.	Tutorial + Programming	1,061,086
3.	Videos	353,021
4.	Results (`Annual + Re-appear`)	44,785
5.	Quiz Chapters	37,075
6.	Quiz Questions	538,981
7.	Quiz Results	29,742
8.	Testimonials	7,581
9.	Projects	33,780
10.	e-Words	22,241
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,405
13.	Downloads (Syllabus)	2,635

Object Element with images

4,094
Try it

We can use object element with images.

<!DOCTYPE html>
<html>
<body>
<h2>Object Element with Image</h2>

<object data="/images/cat.jpg"></object>
 
</body>
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #image #multimedia #objects #Plug-ins

Plug-ins

Plug-ins were designed to be used for many different purposes:

To run Java applets
To run Microsoft ActiveX controls
To display Flash movies
To display maps
To scan for viruses
To verify a bank id

Warning !

Most browsers no longer support Java Applets and Plug-ins.

ActiveX controls are no longer supported in any browsers.

The support for Shockwave Flash has also been turned off in modern browsers.

The <object> element is supported by all browsers.

The <object> element defines an embedded object within an HTML document.

It was designed to embed plug-ins (like Java applets, PDF readers, and Flash Players) in web pages, but can also be used to include HTML in HTML:

<!DOCTYPE html>
<html>
<body>
<h2>Object Element with File</h2>
<object width="100%" height="300px" data="/html/studentsTable.html"></object>
 
</body>
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #objects #Plug-ins

Muted Audio after autoplay

4,094
Try it

Add muted after autoplay to let your audio file start playing automatically (but muted):

<!DOCTYPE html>
<html>
<body>
<h2>Audio Element - Autoplay and muted</h2>
<audio controls autoplay muted>
  <source src="/html/audio/audio_song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #autoplay #muted #audio

Audio Autoplay

4,094
Try it

To start an audio file automatically, use the autoplay attribute:

<!DOCTYPE html>
<html>
<body>
<h2>Audio Element - Autoplay</h2>
<audio controls autoplay>
  <source src="/html/audio/audio_song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #autoplay #audio

audio Element

4,094
Try it

To play an audio file in HTML, use the <audio> element:

<!DOCTYPE html>
<html>
<body>
<h2>Audio Element</h2>
<audio controls>  
  <source src="/html/audio/audio_song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #audio

Video - Methods, Properties, and Events

4,094
Try it

The HTML DOM defines methods, properties, and events for theelement. This allows you to load, play, and pause videos, as well as setting duration and volume. There are also DOM events that can notify you when a video begins to play, is paused, etc.

<!DOCTYPE html> 
<html> 
<body> 

<div style="text-align:center"> 
  <button onclick="playPause()">Play/Pause</button> 
  <button onclick="makeBig()">Big</button>
  <button onclick="makeSmall()">Small</button>
  <button onclick="makeNormal()">Normal</button>
  <br><br>
  <video id="video1" width="420">
    <source src="/html/videos/eWordIcon.mp4" type="video/mp4">
    <source src="/html/videos/eWordIcon.mp4" type="video/ogg">
    Your browser does not support HTML video.
  </video>
</div> 

<script> 
var myVideo = document.getElementById("video1"); 

function playPause() { 
  if (myVideo.paused) 
    myVideo.play(); 
  else 
    myVideo.pause(); 
} 

function makeBig() { 
    myVideo.width = 560; 
} 

function makeSmall() { 
    myVideo.width = 320; 
} 

function makeNormal() { 
    myVideo.width = 420; 
} 
</script> 

<p>Video URL » » <a href="https://www.youtube.com/watch?v=3lOjNDvVeZA" target="_blank" style="text-decoration:none";>ICON | e-Word of the Week | 9th Class | 2022-23 | Computer Science</a>.</p>


</body> 
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #big #multimedia #video #play #pause #normal #small

Muted video after autoplay

4,094
Try it

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" autoplay muted>
  <source src="/html/videos/eWordIcon.mp4" type="video/mp4">
  <source src="/html/videos/eWordIcon.mp4" type="video/ogg">
  Your browser does not support the video tag.
</video>

<p>Video URL » » <a href="https://www.youtube.com/watch?v=3lOjNDvVeZA" target="_blank" style="text-decoration:none";>ICON | e-Word of the Week | 9th Class | 2022-23 | Computer Science</a>.
</p>

</body> 
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #video #autoplay #muted

Video Autoplay

4,094
Try it

To start a video automatically, use the autoplay attribute:

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" autoplay>
  <source src="/html/videos/eWordIcon.mp4" type="video/mp4">
  <source src="/html/videos/eWordIcon.mp4" type="video/ogg">
  Your browser does not support the video tag.
</video>

<p>Video URL » » <a href="https://www.youtube.com/watch?v=3lOjNDvVeZA" target="_blank" style="text-decoration:none";>ICON | e-Word of the Week | 9th Class | 2022-23 | Computer Science</a>.
</p>

</body> 
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #video #autoplay

Video Element

4,094
Try it

The HTML <video> element is used to show a video on a web page.

<!DOCTYPE html> 
<html> 
<body> 

<video width="350" controls>
  <source src="/html/videos/eWordIcon.mp4" type="video/mp4">
  <source src="/html/videos/eWordIcon.ogg" type="video/ogg">
  Your browser does not support HTML video.
</video>

<p>Video URL » » <a href="https://www.youtube.com/watch?v=3lOjNDvVeZA" target="_blank" style="text-decoration:none";>ICON | e-Word of the Week | 9th Class | 2022-23 | Computer Science</a>.
</p>

</body> 
</html>

Live Demo & Try it yourself!

Read More » »

#HTML #multimedia #video

HTML <source> Tag

Object Element with images

object Element

Plug-ins

Muted Audio after autoplay

Audio Autoplay

audio Element

Video - Methods, Properties, and Events

Muted video after autoplay

Video Autoplay

Video Element

HTML Tags

HTML Examples