Javascript html5视频未在chrome和safari中播放

我在chrome和safari的舞台上播放html5视频有问题。本地播放所有浏览器。在chrome和safari的舞台上播放10到15分钟后 .但目前正在播放firefox。请帮助我。这里我粘贴了我的代码

<video id="mgtvideo"  width="268" height="194" control="controls" >
     <source id='mp4video' src="<?php echo base_path()?>sites/default/files/videos/Srinivas_Balasubramanian.mp4" type="video/mp4" />
    <source id='oggvideo' src="<?php echo base_path()?>sites/default/files/videos/Srinivas_Balasubramanian.ogg" type="video/ogg" />
    <source id='webmvideo' src="<?php echo base_path()?>sites/default/files/videos/Srinivas_Balasubramanian.webm" type="video/webm" />
  </video>

看看：

旁注：HTML5不再需要solidus（/）来关闭自动关闭标签。
我最近完成了一个带有HTML5视频的移动应用程序，奇怪的是，我发现视频在标签中的放置顺序很重要。为了获得跨浏览器兼容性，我按以下顺序指定了格式

MP4
WebM
OGV