Cambiar el tamaño o la posición de un vídeo
En element del objeto Editor o Suscriptor es su elemento HTML DOM. Puede reposicionarlo en el DOM HTML y cambiar el tamaño del elemento editando su propiedad style.width y style.height como cualquier otro elemento del DOM:
document.getElementById("target").appendChild(publisher.element);
publisher.element.style.width = "100px";
publisher.element.style.height = "75px";
Si especifica la inicial width y height del objeto Editor o Suscriptor como un porcentaje (como "100%:), puede cambiar su tamaño redimensionando uno de sus elementos padre. El siguiente ejemplo incluye una función que redimensiona un 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>
Véase el apartado anterior, Establecer las dimensiones iniciales de un vídeo para obtener información sobre la configuración de la posición inicial y las dimensiones de un editor o abonado.
Importante: Si desactiva la interfaz de usuario predeterminada del editor o suscriptor estableciendo insertDefaultUI en false al instanciar el objeto Publisher o Subscriber, la propiedad element del Publisher o Subscriber estará indefinida. Espere el evento videoElementCreated y utilice la propiedad element del objeto de evento para acceder al elemento HTML DOM del Publisher o Subscriber.