本人不做前端开发,公司项目碰到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下点击播放仍然没有反应,服务器收不到请求,安卓下显示解码错误。
请问各位有相关开发经验的网友有何建议,十分感谢!