㈠ videojs参数如何去掉缓存
html中的js是烂郑渗不可能获饥脊得通过服务器端的post方法传递丛雀过来的参数的但是php jsp和asp可以
㈡ videojs怎么播放rtmp协议
1、创建videoJS播放器实例
(1)调用swf文件
<script type="text/javascript">videojs.options.flash.swf = "player/video-js.swf";</script>
(2)配置初始化参数
<!-- data-setup{}可以控制播放器的一些功能;autoplay:true/false,是否自动播放;preload:auto\none\meta,自动加载\不加载\加载元数据 -->
<video id="videoPlayer" class="video-js vjs-default-skin vjs-big-play-centered"
controls preload="auto" poster="img/eguidlogo.png" width="640" height="360"
data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
<source src='rtmp://192.168.30.21/live/' type='rtmp/flv' />
</video>
如果播放的是普通视频,需要修改<source src='视频地址' type='video/mp4或者video/flv'/>
type里面放 ‘ video/视频格式 ’ 即可
(3)创建播放器实例
//播放器实例
var player = videojs('videoPlayer');
2、videoJS常用api:
/*
* 根据videoJS官方文档编写的播放器常用操作
*/
//获取当前类型
function getCurrentType(idnex) {
return idnex.currentType();
}
//获取当前播放地址
function getCurrentAddr(index) {
return index.currentSrc();
}
//获取当前播放时间
function getCurrentTime(index) {
return index.currentTime();
}
//获取当前网络状态
function networkState(index) {
return index.networkState();
}
//修改播放地址
function setsrc(index, url, type) {
index.src({
type : type,
src : url
});
}
//重载播放器
function reset(index) {
index.reset();
index.load();
}
//播放
function play(index) {
index.play();
}
//暂停
function pause(index) {
index.pause();
}
㈢ html5<video>解析m3u8播放视频
因为m3u8是苹果开发的协议,所以safari可以直接播放,但是chrome这些浏览器都是不支持的,需要对协议进行解析。
这个要自己去写的话很麻烦,我推荐你用别人写好的插件,你说不要flash的话可以使用video.js,别人写好的库,使用的时候简单的设置下参数就好了。
㈣ 在Vue组件中使用Video播放rtmp视频流
最近接手一个项目,里面需要实现播放伏陵实时监控视频的功能.找蠢手了很久,发现用VideoJs可以实现播放rtmp视频流,于是便开始了踩坑之旅了
videoJs()接收三个参数, DOM元素的带厅嫌ID, videoJs的配置, 以及一个回调函数.
然后便可以重新实例化videojs, 加载url播放视频
㈤ video如何设置header
video这激野样设置header。单纯埋慎的mp4文件是不可以的。但是m3u8看了一下源代码好想是可以的。但是要修改源代码才能支持请求的时候修改头部,用的是XMLHttpRequest,请求的所以可以设置,字明液喊幕也可以但是要修改,每个版本不一样。不修改不能支持headers参数。每个版本不一样。
㈥ 网页中视频的引入
在网页制作中,经常需要宣传一些信息,这时候我们就需要使用到视频,快捷醒目,简单易懂。在页面制作上可以有多种的实现方法,下面就来销镇介绍一下。
一、通过iframe来实现
width:视频宽度
height:视频高度
src:视频路径
allowfullscreen:允许全屏显示
Iframe的使用比较简单便捷,但是iframe也会引入广告
二、H5视频播放器
H5视频播放器的用法和iframe相似
所谓的可选属性即可以选择性地填写,也可不写,包指斗带含了一下几个:
autoplay:视频自动播放
controls:向用户显示控件,可以控制视频的播放暂停等
loop:循环播放
muted:静音
poster="图片路径":设置视频海报封面
preload:判读是否在页面加载后载入视频,auto(一旦页面加载就开始加载视频)/metadata(指示页面加载后仅加载视频的元数据)/none(面加载后不加载视频),如果设置了autoplay,就会忽略这个属性唯芦
注意:视频设置宽高为100%,视频的大小也不会填充整个页面,我们给视频<video>设置object-fit:fill;
三、使用视频插件vue-video-player
1、首先需要安装插件:
npm install vue-video-player –save
2、其次在main.js文件中引入:
import VueVideoPlayer from 'vue-video-player'
Vue.use(VueResource);
3、页面上使用
options是vue-video-player的一些参数选项,我们主要设置了以下几个:
poster:视频播放前显示的图片
sources:视频资源,包含了视频的类型和路径
language:与视频匹配的语言,浏览器默认为en
muted:视频静音
相关的参数设置我们可以参考video.js文档:http://docs.videojs.com/tutorial-options.html