Scribd
Upload
135 views1 page

PrimeFaces Showcase Video

The HTML Video element is used to play video files on a web page. It supports the MP4, WEBM, and OGG formats. The element provides attributes and events to control the video, such as playing, pausing, and switching captions. The example code shows how to use the <video> element to display MP4 and WEBM files with controls to play, pause, and view the video length.

Uploaded by

jbsysatm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
135 views1 page

PrimeFaces Showcase Video

The HTML Video element is used to play video files on a web page. It supports the MP4, WEBM, and OGG formats. The element provides attributes and events to control the video, such as playing, pausing, and switching captions. The example code shows how to use the <video> element to display MP4 and WEBM files with controls to play, pause, and view the video length.

Uploaded by

jbsysatm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Get Started Themes Templates Resources v12.0.

0-SNAPSHOT

Video
Search by name...
 SERVER API

Responsive The HTML Video element is used to play a video file on a web page. There are three supported audio formats: MP4, WEBM, and OGG. All of the attributes and events for HTML5 Video are
FullScreen available to use.

AutoPlay

Caption
MP4
Media

PhotoCam

PhotoCam

Device Selection

Switch

Video

0:00 / 0:10

FILE

Upload

Download

WEBM
DRAGDROP

Draggable

DataView

DataTable

Custom

0:00 / 0:05

video.xhtml

1 <div class="card">
2 <h5>MP4</h5>
3 <p:video value="https://www.w3schools.com/html/mov_bbb.mp4"
4 player="mp4"
5 controls="true"
6 width="420"
7 height="250"
8 onplay="console.log('MP4 Started Playing')"
9 onpause="console.log('MP4 Stopped Playing')">
10 Your browser does not support the video element.
11 See: <h:outputLink value="https://www.w3schools.com/html/html5_video.asp">HTML5 Video</h:outputLink>
12 </p:video>
13 </div>
14 <div class="card">
15 <h5>WEBM</h5>
16 <p:video value="/resources/demo/media/sample-webm.webm"
17 controls="true"
18 width="420"
19 height="250"
20 onplay="console.log('WEBM Started Playing')"
21 onpause="console.log('WEBM Stopped Playing')">
22 Your browser does not support the video element.
23 See: <h:outputLink value="https://www.w3schools.com/html/html5_video.asp">HTML5 Video</h:outputLink>
24 </p:video>
25 </div>

PrimeFaces 12.0.0 by PrimeTek   

You might also like