0

現在、テーブルを使用して 4 台のカメラを同じサイズのブロックで表示しています: 左上 / 右上 / 左下 / 右下。物事がもう少し自動化される可能性があるため、divに切り替えたいと思います。

ここに私が持っているものがあります:

<table border="">
   <tr>
      <td>
      <object id="Player1" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D">
         <param name="AutoStart" value="1">
         <param name="UIMode" value="none">
         <param name="MediaType" value="mjpeg">
         <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout -->
         <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaURL" value="http://10.77.130.65/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here -->
      </object>
      </td>
      <td>
      <object id="Player2" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D">
         <param name="AutoStart" value="1">
         <param name="UIMode" value="none">
         <param name="MediaType" value="mjpeg">
         <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout -->
         <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaURL" value="http://10.77.130.67/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here -->
      </object>
      </td>
   </tr>
   <tr>
      <td>
      <object id="Player3" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D">
         <param name="AutoStart" value="1">
         <param name="UIMode" value="none">
         <param name="MediaType" value="mjpeg">
         <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout -->
         <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaURL" value="http://10.77.130.70/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here -->
      </object>
      </td>
      <td>
      <object id="Player3" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D">
         <param name="AutoStart" value="1">
         <param name="UIMode" value="none">
         <param name="MediaType" value="mjpeg">
         <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout -->
         <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled -->
         <param name="MediaURL" value="http://10.77.130.12/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here -->
      </object>
      </td>
   </tr>
</table>

div の使用に切り替えたいと思います。積み重ねられた div を見回したところ、全体の幅を指定するコンテナーを使用できるようです。この場合、おそらく 1080 または 720 のテレビ画面になります。利用可能なスペースの量で 4 つの div を最大にして、自動的に、または幅を指定してそれを行うことは可能でしょうか。

私が持っていた質問: 画面サイズまたはコンテナーの幅に基づいて、オブジェクト行の高さと幅を自動的に行うことができますか? また、URLにハードコードされています。

EDIT：（http://10.77.130.12/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10幅/高さはそこにハードコードされています）そしてオブジェクト行にもあります。物事をハードコーディングし続けることで、物事をdivに切り替えることができると確信しています。しかし、ウィンドウのサイズに基づいて自動的にサイズを変更し、ビデオ オブジェクトとやり取りすることについては、私にはよくわかりませんでした。それさえ可能だったら。

4

1 に答える 1

0

幅と高さに％を使用し、それに応じて計算すると、レイアウト/ビューポートに収まります...

親div（テーブル）の幅は100％になります

于 2013-02-28T11:26:04.900 に答える