html5的video标签在iphone不能播放视频

本人不做前端开发,公司项目碰到html5相关问题特来向各位网友求解决方法。
想在html文件嵌入视频,做了很多尝试都失败:
第一种:

   <dl>
            <dt>
                <video src="video/11/11.mpg" controls="controls" type="video/mpeg" "width="100%" height="240" poster="video/11/11.jpg"></video></a>
                <span>美人鱼</span></a>
            </dt>
        </dl>  

在安卓下可以播放,在iphone下的播放按钮打了一个反斜杠,点击不了播放按钮。

第二种:在第一种基础上把src属性改为data-src属性,iphone下的播放按钮正常了,但是点击并不播放,服务器端也看不到对视频文件的http请求。

第三种:网上查阅说video标签对视频格式的要求,就Freemake Video Converter软件转码成mp4,ogg,webm三种格式,用如下代码:


        <dl>
            <dt>
                <video> preload="auto" poster="video/4/4.jpg" controls="controls">
                        <source type="video/webm" src="video/4/4.webm"></source>    
                        <source type="video/ogg" src="video/4/4.ogg"></source>
                        <source type="video/mp4" src="video/4/4.mp4"></source>
                  </video>
                <span>篮球</span></a>
            </dt>
        </dl>  

iphone下点击播放仍然没有反应,服务器收不到请求,安卓下显示解码错误。

请问各位有相关开发经验的网友有何建议,十分感谢!

后台地址的事儿,我刚刚解决!应该和请求有关,你查查那个请求头的解决方案,那个方向才是对的!和264视频格式也很重要。