RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/basic/video-src-answer.php below:

Website Navigation

HTML5: How to specify the URL of the video file?

HTML5: How to specify the URL of the video file?Last update on February 14 2024 12:55:50 (UTC/GMT +8 hours)

Go to Exercise page

Solution:

HTML Code:

<!DOCTYPE html><!-- Define document type as HTML -->
<html><!-- Begin HTML document -->
<head><!-- Start of document header -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to specify the URL of the video file</title><!-- Title of the HTML page -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<video width="300" hight="250" controls <!-- Video element with specified width, height, and controls attributes -->
src="https://www.w3resource.com/html-css-exercise/basic/solution/php-demo1.ogg"><!-- Specify the source URL of the video file -->
</video><!-- End of video element -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->

Explanation:

The HTML code defines a video element using the <video> tag.
The width attribute is set to 300 pixels and the height attribute is incorrectly set to "hight" instead of "height", specifying the dimensions of the video player. This is a typo in the code.
The controls attribute is included to display video controls, allowing users to interact with the video playback.
The src attribute specifies the URL of the video file ("https://www.w3resource.com/html-css-exercise/basic/solution/php-demo1.ogg").
This code creates a video player with the specified source URL, allowing users to view and control the video playback within the web page.

Live Demo:

See the Pen video-src-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4