Skip to content

Courses
- Summer Skill Up
  - Android App Development (Live)
  - Data Science (Live)
- Data Structures and Algorithms
- For Working Professionals
- For Students
- Programming Languages
- Web Development
- Machine Learning and Data Science
  - Complete Data Science Program(Live)
  - Mastering Data Analytics
- New Courses
- School Courses
  - CBSE Class 12 Computer Science
  - School Guide
- All Courses
Tutorials
- DSA
- Data Structures
- Algorithms
- System Design
  - System Design Tutorial
  - Software Design Patterns
- Interview Corner
- Languages
  - C
  - C++
  - Java
  - Python
  - JavaScript
  - PHP
  - C#
  - SQL
  - Scala
  - Perl
  - Go Language
  - Kotlin
- Web Development
  - HTML
  - CSS
  - JavaScript
  - PHP
  - CSS Frameworks
  - JavaScript Frameworks
  - JavaScript Libraries
  - WordPress
  - JSON
- School Learning
  - English Grammar
  - School Programming
  - Mathematics
  - CBSE Syllabus
  - Maths Notes (Class 8-12)
  - Maths Formulas (Class 8 -11)
  - NCERT Solutions
  - RD Sharma Solutions
  - Science Notes
  - Physics Notes (Class 8-12)
  - Chemistry Notes (Class 8-12)
  - Biology Notes
  - Social Science Syllabus
  - Social Science Notes
    - SS Notes (Class 7-12)
    - CBSE History Notes (Class 7-10)
    - CBSE Geography Notes (Class 7-10)
    - CBSE Civics Notes (Class 7-10)
      - Civics Class 7
      - Civics Class 8
  - Commerce
  - CBSE Previous Year Papers
- ML & Data Science
  - Machine Learning
  - Data Science
- DevOps
- CS Subjects
- GATE
- GFG Sheets
  - Web Dev Cheat Sheets
  - Company-Wise SDE Sheets
  - DSA Sheets
- UPSC
- Student
- SSC CGL
- Banking Exams
Jobs
Practice
Contests

Related Articles

How to specify the URL of the media file in HTML5 ?

833 published articles

Here we will see how to set the URL of a media file using HTML. To set the URL of media file we use <source> tag. This tag is used to attach multimedia files like audio, video and pictures. The <audio>, <video> and <picture> elements contain the <source> element.

Syntax:

<source src="" type="">
   // Statements
</source>

Example:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to specify the URL of
        the media file in HTML5?
    </title>
</head>
  
<body style="text-align: center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to specify the URL of
        the media file in HTML5?
    </h3>
  
    <video width="400" height="350" controls>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/output-1.mp4"
            type="video/mp4">
    </video>
</body>
  
</html>

Output:

Supported Browsers:

Google Chrome 4.0
Internet Explorer 9.0
Firefox 3.5
Safari 4.0
Opera 10.5

My Personal Notes

Last Updated : 26 Mar, 2021

Similar Reads

1. How to specify media type of the target URL in HTML5 ?

2. How to specify what media/device the target URL is optimized for ?

3. How to specify the media type of the script in HTML5 ?

4. How to specify media type of data specified in data attribute in HTML5 ?

5. How to specify the type of the media resource in HTML5 ?

6. How to specify the base URL for all relative URLs in a document using HTML5?

7. How to specify the source URL of the quote using HTML5 ?

8. How to specify language of the target URL in HTML5 ?

9. How to specify URL of resource to be used by the object in HTML5 ?

10. How to specify the relationship between the current document and the target URL in HTML5 ?

Fabric.js Text fillRule Property

Fabric.js Text excludeFromExport Property

Article Contributed By :

Vote for difficulty

Article Tags :

Practice Tags :

HTML

Report Issue