㈠ 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