element to display MP4 and WEBM files with controls to play, pause, and view the video length."> element to display MP4 and WEBM files with controls to play, pause, and view the video length.">
PrimeFaces Showcase Video
PrimeFaces Showcase Video
PrimeFaces Showcase Video
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 Started Playing')"
9 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 Started Playing')"
21 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>