欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 媒体播放

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

所属栏目:媒体播放更新时间:2016-10-17原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


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

<link rel="stylesheet" href="./fz-video.css">
<link rel="stylesheet" href="./font/iconfont.css">

在body底部引入fz-video.js

<script src="./fz-video.js"></script>

随后实例化播放器即可

<script>
    var FZ_VIDEO = new createVideo(
        "testBox",  //容器的id     {
          url: 'http://171.15.197.89__regexoperators___/xdispatch/o8t28neoq.bkt.clouddn.com/test.mp4',  //视频地址
         autoplay:true          //是否自动播放      }
    );
</script>

参数说明

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

  • url: 视频的地址

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

方法说明

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



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

标签:
代码下载
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1网页实用最简单的flash mp3播放器代码-多样式

2jquery点击缩略图切换视频播放选项卡代码

3jQuery网页跨平台媒体播放器

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

5扁平html5音乐播放器代码

6程序员表白神器

7HTML5,CSS3,jQuery自制video播放器

8Html5实现的3D音乐频谱

9jQuery仿微信公众号的语音框插件-weixinAudio.js

10焦点图风格动态Flash视频播放器代码

最新更新的

1多视频无刷新切换播放JS代码

2jQuery仿微信公众号的语音框插件-weixinAudio.js

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

5jQuery歌词同步MP3播放器代码

6jQuery流媒体音乐播放器特效

7影院座位角度预览

8jQuery视屏画廊插件blueimp Gallery

9视频播放插件Video.js

10蓝水晶音乐播放器