Video player via html5 [Code]

Web Designs Feb 29, 2024 0 122 Add to Reading List

Adds, plays, and manages video settings on a web page. The path to the file is specified via the src attribute or a nested tag. The list of audio and video codecs supported by browsers is limited.

Plays in browsers
Internet Explorer
Chrome
Opera
Safari
Firefox

Audio codecs
ogg/vorbis
wav
mp3
AAC

Video codecs
ogg/theora
H.264
WebM

For universal playback in specified browsers, videos are encoded using different codecs and files are added at the same time.

autoplay attributes
- The video starts playing automatically after the page loads.
controls — Adds a control panel to the video.
height — Sets the height of the area for video playback.
loop - Repeats playing the video from the beginning after it ends.
poster — Specifies the address of the image that will be displayed while the video is not available or playing.
preload - Used to load the video along with loading the web page.
src — Specifies the path to the video being played.
width — Sets the width of the area for video playback.

Closing tag
Required.

<!DOCTYPE html>
 
<html>
 
 <head>
 
  <meta charset="utf-8">
 
  <title>video</title>
 
 </head>
 
 <body>
 
  <video width="400" height="300" controls="controls" poster="video/duel.jpg">
 
   <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
 
   <source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 
   <source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
 
   Тег video не поддерживается вашим браузером. 
 
   <a href="video/duel.mp4">Скачайте видео</a>.
 
  </video>
 
 </body>