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   