Redimensionnement ou repositionnement d'une vidéo

Les element de l'objet Publisher ou Subscriber est son élément HTML DOM. Vous pouvez repositionner cet objet dans le DOM HTML et redimensionner l'élément en modifiant sa propriété style.width et style.height comme pour tout autre élément du DOM :

document.getElementById("target").appendChild(publisher.element);
publisher.element.style.width = "100px";
publisher.element.style.height = "75px";

Si vous spécifiez la valeur initiale de width et height de l'objet Publisher ou Subscriber sous la forme d'un pourcentage (tel que "100 %"), vous pouvez le redimensionner en redimensionnant l'un de ses éléments parents. L'exemple suivant comprend une fonction qui redimensionne un éditeur :

<script type="text/javascript">
    var publisherOptions = {
        insertMode: "append",
        height: "100%",
        width: "100%"
    }
    var publisher = OT.initPublisher("publisherContainer", publisherOptions);
    session.publish(publisher);

    function resizePublisher() {
        var publisherContainer = document.getElementById("publisherContainer");
        publisherContainer.style.width = "1000px";
        publisherContainer.style.height = "750px";
    }
</script>

<div id="container">
    <div id="publisherContainer"></div>
    <a href="javascript:resizePublisher()">resize</a>
</div>

Voir la section précédente, Définition des dimensions initiales d'une vidéo pour obtenir des informations sur la définition de la position initiale et des dimensions d'un éditeur ou d'un abonné.

Important : Si vous désactivez l'interface utilisateur par défaut de l'éditeur ou de l'abonné en définissant insertDefaultUI sur false lors de l'instanciation de l'objet Publisher ou Subscriber, la propriété element de l'éditeur ou de l'abonné sera indéfinie. Écoutez l'événement videoElementCreated et utilisez la propriété element de l'objet événement pour accéder à l'élément DOM HTML de l'éditeur ou de l'abonné.