リンクをクリックすると、1 つの .mp4 ビデオを新しいウィンドウで開きたい。
今、私はこの関数を使用して新しいウィンドウを開きます:
function showCreateProfilePopup()
{
var myAjax = $.ajax({
url: '<?php echo $this->config->item('url'); ?>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();
}
});
}
確かにウィンドウが開きますが、すべての Browser で同じサイズではありません。
その後、次のような1つのビデオで別のビューに投稿します:
<video controls="controls" poster="<?php echo $this->config->item('content_url'); ?>/images/scrublyVideo.png" width="610" height="450">
<source src="<?php echo $this->config->item('content_url'); ?>video/createProfileHelpVideo.mp4" type="video/mp4" />
<object width='610' height='450' id='player' name='player'>
<param name="movie" value="<?php echo $this->config->item('content_url'); ?>video/createProfileHelpVideo.mp4" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="autoStart" value="false">
<img alt="Scrubly" src="<?php echo $this->config->item('content_url'); ?>/images/scrublyVideo.png" width="640" height="360" title="Scrubly Create Profile Help" />
<embed src='<?php echo $this->config->item('content_url'); ?>video/createProfileHelpVideo.mp4' type='Svideo/mp4' allowfullscreen='true' allowscriptaccess='always' width='600' height='450'/>
</object>
</video>
すべてのブラウザ (Mozilla、Chrome、safari) でサポートされているビデオを開く最も簡単な方法を誰か教えてください ?????
-どうもありがとう....