how to open video in new window with all browser supports
<p>I want to open one .mp4 video in new window on clicking a link.</p>

<p>now, i am using this function to open new window:</p>

<pre><code>function showCreateProfilePopup()
            {
                var myAjax = $.ajax({
                    url: '&lt;?php echo $this-&gt;config-&gt;item('url'); ?&gt;info/createProfileVideo',
                    type: "POST",
                    success: function(response) {
                        var windowWidth = 625;
                        var windowHeight = 500;
                        var centerWidth = (window.screen.width - windowWidth) / 2;
                        var centerHeight = (window.screen.height - windowHeight) / 2;
                        myWindow = window.open('','Video','width='+windowWidth+', height='+windowHeight+',scrollbars=no,resizable=no, innerWidth='+windowWidth+', innerHeight='+windowHeight+',left='+centerWidth+',top='+centerHeight);
                        myWindow.document.write(response);
                        myWindow.focus();
                    }
                });
            }
</code></pre>

<p>Definitely it opens window but, not <strong>same size for all Browser</strong>.</p>

<p>and after that it post to another view with one video
like
:</p>

<pre><code>&lt;video controls="controls" poster="&lt;?php echo $this-&gt;config-&gt;item('content_url'); ?&gt;/images/scrublyVideo.png" width="610" height="450"&gt;
    &lt;source src="&lt;?php echo $this-&gt;config-&gt;item('content_url'); ?&gt;video/createProfileHelpVideo.mp4" type="video/mp4" /&gt;
    &lt;object width='610' height='450' id='player' name='player'&gt;
        &lt;param name="movie" value="&lt;?php echo $this-&gt;config-&gt;item('content_url'); ?&gt;video/createProfileHelpVideo.mp4" /&gt;
        &lt;param name="allowFullScreen" value="true" /&gt;
        &lt;param name="wmode" value="transparent" /&gt;
        &lt;param name="autoStart" value="false"&gt;
        &lt;img alt="Scrubly" src="&lt;?php echo $this-&gt;config-&gt;item('content_url'); ?&gt;/images/scrublyVideo.png" width="640" height="360" title="Scrubly Create Profile Help" /&gt;
        &lt;embed src='&lt;?php echo $this-&gt;config-&gt;item('content_url'); ?&gt;video/createProfileHelpVideo.mp4' type='Svideo/mp4' allowfullscreen='true' allowscriptaccess='always' width='600' height='450'/&gt;
    &lt;/object&gt;
&lt;/video&gt;
</code></pre>

<p>anyone tell me the easiest way to open video which supports by all the browsers(Mozilla, Chrome and safari) ?????</p>

<p>-Thanks a lot....</p>
