1 / 2
文档名称:

前端视频兼容写法.doc

格式:doc   页数:2页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

前端视频兼容写法.doc

上传人:szh187166 2016/1/4 文件大小:0 KB

下载得到文件列表

前端视频兼容写法.doc

相关文档

文档介绍

文档介绍:首先,为了视频兼容大部分浏览器,也可以包括ie6,最好用object或者embed,两者配合也行;eg:<objecttype="application/x-shockwave-flash"showcontrols="1"autoplay='1'data="http://player./"width="200"height="300"/><paramname="movie"value="http://player./"/><paramname="ShowControls"value="1"><paramname="ShowPositionControls"value="1"><paramname="ShowAudioControls"value="1"><paramname="ShowStatusBar"value="1"></object>第一个param是必不可少的,因为在ie6下不能识别出object的data,param重新再将视频地址写一遍,让ie6等老版本能正常播放。现在呢,出现了第二个问题,上面的写法为了兼容,视频用的是swf,但是apple公司不支持flash,所以上面的代码在所有的apple移动设备上都不能正常播放。所以可以考虑其他的写法,apple公司对于html5是力推的,所以用html5的标签肯定没问题,其他的移动设备对于flash大多都是支持的,所以只需要针对apple移动设备写一套兼容就行了;eg:<videoloop="loop"controls="controls"width="200"height="300"poster="-content/themes/happyelements/images/"webkit-playsinline/><sourcesrc="-content/themes/happyelements/video/"type="video/mp4"/></video>video是html5的标签,在apple的移动设备上运行肯定是没问题的,接下来该考虑的就是如何实行不同代码的转换,用js是毋庸置疑的,但是怎么实现还得由页面中的内容决定。如果页面中有好多视频模块的话,,优酷就是这种方法。如果视频模块不多的话,可以直接判断移动设备然后让模块隐藏显示;html,eg:<objecttype="application/x-shockwave-flash"showcontrols="1"autoplay='1'data="http://player./"width="200"height="300"id='video_f'><paramname="movie"value="http://player./"/></object><videoid='video_s'loop="loop"controls="controls"width="200"hei