Redimensionar ou reposicionar um vídeo

O element Uma propriedade do objeto Publisher ou Subscriber é seu elemento DOM HTML. É possível reposicioná-lo no DOM HTML e redimensionar o elemento editando seu style.width e style.height propriedades, da mesma forma que faria com qualquer outro elemento do DOM:

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

Se você especificar o valor inicial width e height do objeto Publisher ou Subscriber como uma porcentagem (como “100%”), é possível redimensioná-lo alterando o tamanho de um de seus elementos pais. O exemplo a seguir inclui uma função que redimensiona um Publisher:

<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>

Consulte a seção anterior, Definindo as dimensões iniciais de um vídeo para obter informações sobre como definir a posição inicial e as dimensões de um editor ou assinante.

Importante: Se você desativar a interface de usuário padrão do publisher ou do subscriber definindo `insertDefaultUI` como `false` ao instanciar o objeto Publisher ou Subscriber, a propriedade `element` do Publisher ou do Subscriber ficará indefinida. Escute o evento `videoElementCreated` e use a propriedade `element` do objeto do evento para acessar o elemento DOM HTML do Publisher ou do Subscriber.