星联网络专注帝国CMS二次功能插件开发-精品网站模板站长代码素材

  • 最近更新
  • 模板:33
  • 记录:12641|
  • 插件:52|
  • 工具:4|
  • 代码:8|
  • 评论:0

织梦网站HTML5 video视频播放器(不用安装插件)

前言

本文主要讲解《织梦网站HTML5video视频播放器(不用安装插件)》的详细内容

我们在织梦建站时候经常需要播放视频,以前用织梦播放器都需要安装插件来实现,这里不需要安装插件,只要调用一段js,就可以让主流浏览器实现video标签的视频播放。不过这种多浏览器支持方法所支持的视频格式有限,为mp4和ogv格式,否则视频可能不会播放。下面链接是视频播放用到的JS。点击下载即可,

html5media.min

调用代码:

<script src="html5media.min.js"></script>

<video src="1.mp4" width="352" height="264" controls autobuffer></video>

效果如下:

织梦网站HTML5 video视频播放器(不用安装插件)

属性参数设置:

controls 指定后,则向用户显示控件,比如播放按钮。

autoplay 布尔属性;指定后,视频会马上自动开始播放,不会停下来等着数据载入结束。

autobuffer 布尔属性;指定后,视频会自动开始缓存,即使没有设置自动播放。该属性适用于视频被认为可能会播放(比如,用户导航到专门播放视频的页面,而不是那种嵌入视频还有其它内容的页面)。视频会一直缓存到媒体缓存满。

其中应有autobuffer属性可以拖动audio快进倒退,autoplay则不可以拖动。

可能遇到的问题

您可能会遇到这样的问题:我明明链接的是mp4格式的文件啊,为什么在IE及Firefox下有问题。如果您遇到的问题是在这两个浏览器下视频不播放,或是播放时只有声音而没有图像,而在chrome浏览器或是Safari下良好,则您可能要仔细您mp4文件的编码格式了。特别推荐MP4转码工具MediaCoder x64


本网刊登的文章均仅代表作者个人观点,并不代表本网立场。文中的论述和观点,敬请读者注意判断。

本文地址:http://www.xlkjgs.com/notes/web/10127.html

以上内容由本站整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

星联网络

星联网络是中国最具实战的互联网创业者的知识服务商,这里有互联网行业动态,网络推广,SEO优化,SEM优化,ESC配置,行业经验分型,互联网项目,微信营销、淘宝客赚钱、新媒体营销、京东运营、跨境电商等众多互联网营销知识分享

站长运营站长必备网站运营之道才能长久发展