Hello all, I am using the following code to show a quicktime player in my website when it detects an iPhone Safari browser:
{document.write('<object id="id1" type="video/quicktime" width="326" height="16" style="height: 16px; left: 187px; position: absolute; top: 266px; width: 326px; z-index: 1; ">
<param name="src" value="http://website.com/file.m4a" />
<param name="controller" value="true"/>
<param name="scale" value="tofit"/></object>');}
When the user resizes the page by pinching to zoom-in, the quicktime player resizes and changes its relative position on the page. How can I make the player size and position static like everything else on my page?