ホストウェブサイト内にフルスクリーンのIFRAMEを作成する

ホストウェブサイト内にフルスクリーンのIFRAMEを作成する

最終更新日:2020年12月02日 10:06

WIXや、その他の、見たままを得られるような(WYSIWYG)ウェブホスティングプラットフォームにおいて、

フルスクリーンのiframeオプションはサポートされていません。
この問題に取り組むために、次のHTMLコードを例として用いて、
モデルを埋め込んでみることをお勧めします。

 

<div style="width:853px">

<div>

<iframe width="853px" height="480px" src="https://my.matterport.com/show/?m=Qojjx8x9Fu4&play=1" frameborder="0">

</iframe>

</div>

<div align="right"><a href="https://my.matterport.com/show/?m=Qojjx8x9Fu4&play=1" target="_blank">Fill browser window</a>

</div>

</div>


下のガイドを使用して、必要に合ったものにコード例を調整します。

 

オレンジ 

これらの記号は、ウェブページ内の皆さんのモデルの高さと幅を指しています。
853画素(幅)×480画素(高さ)がここではデフォルト設定になっていますが、
これらの測定値を変更することは可能です。
しかし、幅を853pxに変更する際には、コード内の両方の位置で変更することを忘れないようにしましょう。



これはモデルに対するテキストリンクの位置を決定します。
この場合、モデルの右隅と整列するように設定されています。
これを「中央」か「左」のいずれかに変更して、リンクの配向を適切に変更できます。

 


これは3Dショーケースリンクのパラメーターです。
この場合、「&play=1」というパラメーターが自動的にモデルを読み込みます。
これを削除するか、リンクの最後の部分にさらなるパラメーターを追加することもできます。

ナレッジベース参照: URLパラメーター



こればブランドの3Dショーケースリンクです。
両方のリンクを変更することで、埋め込みたいモデルと関連を持たせることができます。

 


デフォルトの状態では、「Fill browser window というリンクがモデルのフルスクリーンアクセスを可能にしています。
しかし、「フルスクリーン」といったような、より適切と思われるものに変更することも可能です。