视频播放插件(video.js)

本文介绍了如何利用Video.js这个强大的视频播放插件,针对动态加载的HTML元素进行视频播放功能的设置。
摘要由CSDN通过智能技术生成
一.视频播放插件
1.插件描述:Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )
2.Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。

使用方法

在页面中引用video-js.cs样式文件和video.js
1
2
< link   href = "video-js.css"   rel = "stylesheet"   type = "text/css" >
< script   src = "video.js" ></ script >

设置flash路径,Video.js会在不支持html5的浏览中使用flash播放视频文件
1
2
3
<script>
     videojs.options.flash.swf =  "video-js.swf" ;
</script>
html
poster="**"播放初始图。可使用三种视频格式,根据所需要格式选择对应的。
1
2
3
4
5
6
7
8
9
< video   id = "example_video_1"   class = "video-js vjs-default-skin"   controls  preload = "none"   width = "640"   height = "264"
       data-setup = "{}" >
     < source   src = " http:// 视频地址格式1.mp4"   type = 'video/mp4'   />
     < source   src = " http:// 视频地址格式2.webm"   type = 'video/webm'   />
     < source   src = " http:// 视频地址格式3.ogv"   type = 'video/ogg'   />
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值