導航:首頁 > 編程語言 > videojs參數

videojs參數

發布時間:2023-05-10 23:32:06

㈠ 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

閱讀全文

與videojs參數相關的資料

熱點內容
桌面雲配置文件分離 瀏覽:505
iphone5如何升級4g網路 瀏覽:5
團購是在哪個app 瀏覽:897
打開多個word文檔圖片就不能顯示 瀏覽:855
騰訊新聞怎麼切換版本 瀏覽:269
app安裝失敗用不了 瀏覽:326
桌面文件滑鼠點開會變大變小 瀏覽:536
手機誤刪系統文件開不了機 瀏覽:883
微信兔子甩耳朵 瀏覽:998
android藍牙傳文件在哪裡 瀏覽:354
蘋果6s軟解是真的嗎 瀏覽:310
c語言代碼量大 瀏覽:874
最新網路衛星導航如何使用 瀏覽:425
以下哪些文件屬於圖像文件 瀏覽:774
zycommentjs 瀏覽:414
確認全血細胞減少看哪些數據 瀏覽:265
文件有哪些要求 瀏覽:484
cad打開時會出現兩個文件 瀏覽:65
什麼是轉基因網站 瀏覽:48
手柄設備有問題代碼43 瀏覽:921

友情鏈接