web项目，windows系统上运行正常，IPad访问，加载视频遇到奇怪问题
如题，部分代码
<td width ="580" height ="450" valign="top">
<div id="page"></div>
<br>
图片路径:
<input type="file" name="SelectFile" value="" />
<input type="button" value="拍照" name="photograph" />
码率:
<select name="CodeRate " id="CodeRate" >
<option value="100000">10KB/S</option>
<option value="200000">20KB/S</option>
<option value="300000">30KB/S</option>
<option value="400000">40KB/S</option>
<option value="500000" selected="selected">50KB/S</option>
<option value="600000">60KB/S</option>
<option value="700000">70KB/S</option>
<option value="800000">80KB/S</option>
<option value="1000000">100KB/S</option>
<option value="2000000">200KB/S</option>
</select>
</td>
<td valign="top" width="190" height ="450">
<div id="YUNTAI">
<img src="../Images/BKG1.jpg">
<div style="position: absolute; left: 81px; top: 46px">
<img border="0" src="../Images/u0.bmp" name="up" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverup()"
onmouseOut="mOutup()"
onmousedown="PTZControl('1')"
onmouseup="PTZControl('14')"
/>
</div>
<div style="position: absolute;left: 37px; top: 87px">
<img border="0" src="../Images/l0.bmp" name="left" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverleft()"
onmouseOut="mOutleft()"
onmousedown="PTZControl('3')"
onmouseup="PTZControl('13')"
/>
</div>
<div style="position: absolute; left: 73px; top:78px">
<img border="0" src="../Images/c0.bmp" name="Middle" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverMiddle()"
onmouseOut="mOutMiddle()"
onmousedown="PTZControl('5')"
onmouseup="PTZControl('15')"
/>
</div>
<div style="position: absolute; left: 81px; top: 130px">
<img border="0" src="../Images/d0.bmp" name="down" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverdown()"
onmouseOut="mOutdown()"
onmousedown="PTZControl('2')"
onmouseup="PTZControl('14')"
/>
</div>
<div style="position: absolute; left: 125px; top: 87px">
<img border="0" src="../Images/r0.bmp" name="right" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverright()"
onmouseOut="mOutright()"
onmousedown="PTZControl('4')"
onmouseup="PTZControl('13')"
/>
</div>
<div style="position: absolute; left: 34px; top: 199px">
<img border="0" src="../Images/bianjiao1.bmp" name="bianjiao1" alt="web项目，windows系统下运行正常，IPad访问，加载视频遇到奇怪有关问题"
onmouseOver="mOverbianjiao1()"
onmouseOut="mOutbianjiao1()"
onmousedown="PTZControl('7')"
onmouseup="PTZControl('16')"
/>
</div>
.............
</td>
</tr>
</tbody>
</table>
<%if (clientSystemInfo.indexOf("Mac") != -1) {%>
<div id="macpage" >
</div>
<%}%>
</div>
视频加载播放都正常，想把page做为视频播放位置，但是，会出现错位现象，若把macpage做为加载视频位置当视频被加载时，拍照，码率，包话右边的云台部分按钮都不能按下，位置是正确的，这是什么原因？？
[解决办法]
再补充下：
<% } else if (clientSystemInfo.indexOf("Mac") != -1) {%>
link = "http://192.168.1.104:80/"+link + "_2_" + bitrate + "_" + randNum +".ts";
strHTML = "<div style="position:absolute; left: 455px; top: 206px"><video src="" + link + """+ " controls autoplay width="580px" height= "380px"></video></div>";
alert(strHTML);
document.getElementById("macpage").innerHTML=strHTML;
//window.open("http://192.168.1.103:8000/192.168.100.118_1_2_500000_423.ts"); style="position:absolute;left:1000;top:550;display:block;width:580px;height:380px"
//top.location.replace("http://192.168.1.103:8000/192.168.100.118_1_2_500000_423.ts");
<% }%>
[解决办法]
感觉跑错组了，以前玩FireFox和IE显示一直有问题的。一般都是测试2个浏览器的。代码中加预编译判断尝试解决下。
[解决办法]
null
