ビデオのリサイズまたは再配置

について element プロパティは、その HTML DOM 要素です。HTML DOM 内でこれを再配置したり、要素のサイズを変更するには、その style.width そして style.height プロパティは、他のDOM要素と同じです：

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

最初の width そして height パブリッシャ・オブジェクトまたはサブスクライバ・オブジェクトのサイズをパーセンテージ (100% など) で指定すると、その親エレメントの 1 つをリサイズすることでサイズを変更できます。以下の例は、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>

前節を参照のこと、動画の初期寸法の設定パブリッシャーやサブスクライバーの初期位置や寸法を設定する方法については、こちらをご覧ください。

重要だ： パブリッシャーオブジェクトまたはサブスクライバーオブジェクトをインスタンス化するときに insertDefaultUI を false に設定して、パブリッシャーまたはサブスクライバーのデフォルトのユーザーインターフェイスを無効にすると、パブリッシャーまたはサブスクライバーの element プロパティは未定義になります。videoElementCreated イベントをリッスンし、イベントオブジェクトの element プロパティを使用して、パブリッシャまたはサブスクライバの HTML DOM 要素にアクセスします。