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

Question

本人不做前端开发，公司项目碰到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下点击播放仍然没有反应，服务器收不到请求，安卓下显示解码错误。

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

Answer 1

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