欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

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

标签: 作者:融科网络 | 点击:
21

Oct
2019

导语
我们在织梦建站时候经常需要播放视频,以前用织梦播放器都需要安装插件来实现,这里不需要安装插件,只要调用一段js,就可以让主流浏览器实现video标签的视频播放。不过这种多
 

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

澳门体育登录html5media.min

调用代码:

澳门体育登录<script src=http://www.dede58.com/a/dedejq/"html5media.min.js"></script>

澳门体育登录<video src=http://www.dede58.com/a/dedejq/"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://fudashu.com/code/10981.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

澳门体育登录快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

澳门体育登录扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上澳门体育登录!专注H5企业建站+网站优化推广)

上一篇:织梦采集新闻时不能采集生成TAG及描述的解决方案

下一篇:织梦网站HTML5+CSS3的响应式设计原理

  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制
十分彩-欢迎您 十分彩平台 -【专业购彩平台】 十分彩注册---澳门体育登录_欢迎您 十分彩_官网 十分彩-澳门体育登录 十分彩|官方唯一指定!