blob: 8d5b4156bde08ea82365e261924d019e5d0055db [file] [log] [blame]
<!DOCTYPE html>
<!--
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to you under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<html lang="en"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:hx="http://myfaces.apache.org/html5/html"
xmlns:fx="http://myfaces.apache.org/html5/core">
<h:body>
<ui:composition template="/_template.xhtml">
<ui:define name="pageName">
<h1>Video with custom controls</h1>
<h3>If you don't see the poster, clear your browser's cache.</h3>
</ui:define>
<ui:define name="content">
<script>
function play(){
document.getElementById('myVideo').play();
}
function pause(){
document.getElementById('myVideo').pause();
}
</script>
<hx:video id="myVideo"
value="http://diveintohtml5.org/i/pr6.ogv" showControls="false" preload="none" poster="http://cs.anu.edu.au/students/comp2750-6700/icons/DukeWithHelmet.png"/>
<button onclick="play()">Play</button>
<button onclick="pause()">Pause</button>
</ui:define>
</ui:composition>
</h:body>
</html>