デフォルトのHTMLファイルを使用する

default.html ファイルはアプリケーションのエントリーポイント、およびプレイヤーアプリの レイアウトを提供します。

default.html ファイルはアプリケーションのエントリーポイント、およびプレイヤーアプリの レイアウトを提供します。Window 8アプリに対しては、2つのHTMLファイルを使用します (default.html および player.html)。default.html ファイルでは、以下を実行する必要があります。
player.html ファイル内:
  1. divコンテナを指定し、div IDを与えます。divにはアプリ、そしてアプリの基本的なレイアウト定義が 含まれます。この場合、アプリとはプレイヤーを指します。
  2. divタグのペアの間に別のコンテナ iframe を配置します。iframeにIDまたは名前を 指定します。
  3. iframeコンテナ内のプレイヤーに参照を指定します。

IFrameとは?

Windows 8 iframeはフローティングフレームまたはコンテナとして機能します。iframe内の要素にreadまたは writeすることで、iframeのコンテンツにアクセスすることができます。Windows 8 iframeに関する詳細は、Microsoft Windows 8 UI デベロッパーガイドの「Iframe要素」のトピックを ご覧ください。Windows 8モジュールはアプリに対して別々のサンドボックスを使用 しているため、player.html ファイルへの参照が可能であるか、default.html ファイルの 新しく読み込まれたプレイヤーが参照できない状態である必要があります。つまり1つのファイル はローカルにあり、もう1つはリモートにあるからです。

参考例:Default.HTML ファイル

次の例では、ボディタグ内にdivを作成し、playerContainerというdiv IDを 指定しています。指定されたiframeコンテナ内で、player.html ファイルを参照しています。 このファイルには埋め込まれたプレイヤーへの参照が含まれています。

 
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8" />
   <title>OOView</title>

   <!-- WinJS references -->
   <link href="//Microsoft.WinJS.1.0.RC/css/ui-dark.css" rel="stylesheet" />
   <script src="//Microsoft.WinJS.1.0.RC/js/base.js"></script>
   <script src="//Microsoft.WinJS.1.0.RC/js/ui.js"></script>

   <!-- OOView references -->
   <link href="/css/default.css" rel="stylesheet" />
   <script src="/js/default.js"></script>
</head>
<body>
   <div id="playerContainer">
       <iframe id="ooplayer" src="ms-appx-web:///player.html" width="100%" 
       height="100%"></iframe>
   </div>
</body>
</html>

この記事はお役にたちましたか?