<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            Source de la vidéo YouTube : 
            <h:inputText value="#{beanVideoIntegration.idYT}"/>
            <br/>
            <iframe width="1280" height="720" 
                    src="https://www.youtube.com/embed/#{beanVideoIntegration.idYT}" 
                    frameborder="0" allowfullscreen="true">
            </iframe>
            <br/>
            <h:commandButton value="Voir la vidéo" />
        </h:form>
    </h:body>
</html>