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.