当前位置: 首页 > news >正文

html5视频播器放例子,基于html5的视频播放器不依赖任何插件

在head标签内引入fz-video.css与iconfont.css

在body底部引入fz-video.js

随后实例化播放器即可

var FZ_VIDEO = new createVideo(

"testBox",  //容器的id     {

url: 'http://171.15.197.89__regexoperators___/xdispatch/o8t28neoq.bkt.clouddn.com/test.mp4',  //视频地址

autoplay:true          //是否自动播放      }

);

参数说明createVideo的第一个参数为播放器容器的id,播放器宽高等同于容器的宽高

url: 视频的地址

autoplay: 视频准备就绪后,是否自动播放,true为自动播放,否则false

方法说明var FZ_VIDEO = new createVideo(参数); //实例化并创建播放器 FZ_VIDEO.setUrl("URL");//切换视频,传入视频地址进行切换 FZ_VIDEO.overVideo(); //移除播放器,且销毁实例,销毁后可重新进行实例化播放器

具体效果请看演示,一流资源网推荐下载。

相关文章:

  • 齐齐哈尔2021高考成绩查询,2021年齐齐哈尔高考成绩排名及成绩公布时间什么时候出来...
  • 计算机网络有那三种结构哪些,计算机网络的常见的6种拓扑结构
  • 吉林高考计算机专业,孩子高考626分被吉林大学计算机专业录取,很后悔,怎么办?...
  • html上绘制网格线,【玩转D3.js】--(1)绘制网格线
  • html蒙版代码是什么意思,图层蒙版是什么意思
  • 在网络中为其他计算机提供共享,在计算机局域网络中,为网络提供共享资源的基本设备是?...
  • 云南计算机专业专科学校,丽江【计算机专业专科学校】_云南城市建设职业学校...
  • 怎么查找计算机硬件配置,电脑的硬件配置如何查看呢?
  • 怎么设置计算机硬盘密码,移动硬盘如何设置密码【操作步骤】
  • 英语智能语音测试软件,卓帆英语人机对话智能评测练习软件
  • 计算机二级c体型分值,计算机二级C语言题型和评分标准
  • 怎样把服务器的文件改名字,linux服务器如何修改文件名称rm命令删除文件时排除特定文件...
  • ios ajax utf-8,关于jquery.ajax 与axios 请求接口的request header :Content-type设置问题
  • 虚拟机服务器磁盘扩容步骤,XenServer 虚拟机扩容LVM磁盘分区的方法
  • powerbi服务器打开文件慢,Power BI文件太大无法发布?这个方法推荐给你
  • [译]前端离线指南(上)
  • git 常用命令
  • GitUp, 你不可错过的秀外慧中的git工具
  • gops —— Go 程序诊断分析工具
  • JAVA SE 6 GC调优笔记
  • JDK9: 集成 Jshell 和 Maven 项目.
  • k8s 面向应用开发者的基础命令
  • Less 日常用法
  • PAT A1092
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • 优秀架构师必须掌握的架构思维
  • #14vue3生成表单并跳转到外部地址的方式
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (四)搭建容器云管理平台笔记—安装ETCD(不使用证书)
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • **PHP二维数组遍历时同时赋值
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .NET Remoting Basic(10)-创建不同宿主的客户端与服务器端
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .NET/C# 编译期间能确定的相同字符串,在运行期间是相同的实例
  • .Net环境下的缓存技术介绍
  • [Android]常见的数据传递方式
  • [flink总结]什么是flink背压 ,有什么危害? 如何解决flink背压?flink如何保证端到端一致性?
  • [hdu4622 Reincarnation]后缀数组
  • [LaTex]arXiv投稿攻略——jpg/png转pdf
  • [leetcode 189][轮转数组]
  • [leetcode]114. Flatten Binary Tree to Linked List由二叉树构建链表
  • [lintcode easy]Maximum Subarray
  • [NOIP2015] 运输计划
  • [Notice] 朋友们,blog更新http://jiang-hongfei.spaces.live.com
  • [one_demo_11]二分查找法
  • [one_demo_18]js定时器的示例
  • [Operating System] {ud923} P4L4: Datacenter Technologies
  • [RK3566-Android11] 关于 a2dpsink -蓝牙支持接收播放/无PIN码连接
  • [SV]SystemVerilog中指定打印格式
  • [win7-oracle处理方法]--java.lang.Exception: Exception in sending Request :: null(转)
  • [笔记] iperf3.1.3源码下载与交叉编译
  • [车联网安全自学篇] Android安全之APK内存敏感信息泄露挖掘【动态分析】