Größenänderung oder Neupositionierung eines Videos
Die element Eigenschaft des Publisher- oder Subscriber-Objekts ist sein HTML-DOM-Element. Sie können dieses im HTML-DOM neu positionieren und die Größe des Elements ändern, indem Sie seine style.width und style.height Eigenschaften wie bei jedem anderen DOM-Element:
document.getElementById("target").appendChild(publisher.element);
publisher.element.style.width = "100px";
publisher.element.style.height = "75px";
Wenn Sie die anfängliche width und height des Publisher- oder Subscriber-Objekts als Prozentsatz (z. B. "100 %:) angeben, können Sie die Größe des Objekts ändern, indem Sie die Größe eines seiner übergeordneten Elemente ändern. Das folgende Beispiel enthält eine Funktion, die die Größe eines Publishers ändert:
<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>
Siehe den vorherigen Abschnitt, Einstellen der ursprünglichen Abmessungen eines Videos für Informationen zur Festlegung der Anfangsposition und der Abmessungen eines Verlegers oder Abonnenten.
Das ist wichtig: Wenn Sie beim Instanziieren des Publisher- oder Subscriber-Objekts die Standardbenutzeroberfläche des Publishers oder Subscribers deaktivieren, indem Sie insertDefaultUI auf false setzen, ist die element-Eigenschaft des Publishers oder Subscribers undefiniert. Warten Sie auf das Ereignis videoElementCreated und verwenden Sie die element-Eigenschaft des Ereignisobjekts, um auf das HTML-DOM-Element für den Publisher oder Subscriber zuzugreifen.