資訊專(zhuān)欄INFORMATION COLUMN
摘要：官網(wǎng)寫(xiě)在前面，為什么選擇這個(gè)播放器，因?yàn)橛形臋n，支持添加插件，很方便自定義樣式，比較活躍，有各種解決方案等不過(guò)沒(méi)想到有那么多坑最簡(jiǎn)單的靜態(tài)頁(yè)面使用方法動(dòng)態(tài)插入時(shí)初始化方法或者或者更多詳細(xì)使用方法請(qǐng)查看官方文檔常見(jiàn)問(wèn)
官網(wǎng)
寫(xiě)在前面，為什么選擇這個(gè)播放器，因?yàn)橛形臋n，支持添加插件，很方便自定義樣式，
比較活躍，github有各種bug解決方案等
不過(guò)沒(méi)想到有那么多坑
最簡(jiǎn)單的靜態(tài)頁(yè)面使用方法
動(dòng)態(tài)插入HTML時(shí)初始化方法
videojs("example_video_id", {}, function(){
// Player (this) is initialized and ready.
});
或者
videojs(document.getElementById("example_video_id"), {}, function() {
// This is functionally the same as the previous example.
});
或者
videojs(document.getElementsByClassName("awesome_video_class")[0], {}, function() {
// You can grab an element by class if you"d like, just make sure
// if it"s an array that you pick one (here we chose the first).
});
更多詳細(xì)使用方法請(qǐng)查看官方文檔
常見(jiàn)問(wèn)題匯總
1，pc端正常，IOS上面不起作用
data-setup="{"customControlsOnMobile": true}"http://版本4
data-setup="{"nativeControlsForTouch": false}" //版本5
或者寫(xiě)在
videojs(document.getElementById("example_video_id"), {"nativeControlsForTouch": false}, function() {
// This is functionally the same as the previous example.
});
2，其它錯(cuò)誤
先調(diào)用官方的視頻做測(cè)試，http://vjs.zencdn.net/v/oceans.mp4， 如果這個(gè)正常，其它的格式異常，請(qǐng)參考： [異常1][2] http://stackoverflow.com/questions/16697473/videojs-4-native-controls-now-default-on-mobile [異常2][3] http://stackoverflow.com/questions/26182101/videojs-hls-not-working
3,只是在Iphone上不起作用（官網(wǎng)示例 5.8）參考：github issue
if (browser.TOUCH_ENABLED && options.nativeControlsForTouch === true || browser.IS_IPHONE || browser.IS_NATIVE_ANDROID) {
this.setControls(true);
}
//替換為
if ((browser.TOUCH_ENABLED || browser.IS_IPHONE || browser.IS_IPHONE || browser.IS_NATIVE_ANDROID) && options.nativeControlsForTouch === true){
this.setControls(true);
}
4,默認(rèn)不全屏播放
前臺(tái)： IOS 參考： https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-SW30
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/91635.html
摘要：一款跨瀏覽器的音頻播放器，可惜例子和文檔都比較少英文文檔官網(wǎng)使用方法第一步引用文件第二步，全局初始化第三步，在需要的地方放上下面類(lèi)似的代碼注意是直接閉合標(biāo)簽然后，然后就沒(méi)有了，以上只適用靜態(tài)的頁(yè)面，如果動(dòng)態(tài)添加音頻怎么辦相信好多人都需要這種 一款跨瀏覽器的音頻播放器，可惜例子和文檔都比較少 英文文檔 官網(wǎng) 使用方法： 第一步引用文件： 第二步，全局初始化： audiojs.ev...
摘要：最近的項(xiàng)目中需要播放視頻，鑒于元素的一些坑及不想自己造輪子，于是就找到了端播放視頻使用量最多的插件，是國(guó)外開(kāi)發(fā)者開(kāi)發(fā)的，英語(yǔ)本身就不好的我看英文文檔簡(jiǎn)直是折磨，國(guó)內(nèi)又沒(méi)有中文文檔，能搜的到的基本是簡(jiǎn)單的使用及最基本的的介紹，想要實(shí)現(xiàn)一些自定 最近的項(xiàng)目中需要播放視頻，鑒于html5元素的一些坑及不想自己造輪子，于是就找到了web端播放視頻使用量最多的插件video.js，video.j...
摘要：是一款輕量級(jí)易擴(kuò)展的播放器，是為解決一些中小型的視頻業(yè)務(wù)場(chǎng)景。同時(shí)各插件由于是面向的播放器接口，插件不知道插件的存在，因此能極大地降低各插件功能間的耦合。 larkplayer 是一款輕量級(jí) & 易擴(kuò)展的 html5 播放器，是為解決一些中小型的視頻業(yè)務(wù)場(chǎng)景。這些業(yè)務(wù)不一定需要大而全的解決方案，并且他們往往有自己的定制化需求。 背景 為什么要編寫(xiě) larkplayer？（注意，這里面有...
閱讀 2767·2021-11-11 16:54
閱讀 2405·2021-10-09 09:44
閱讀 2668·2019-08-30 15:54
閱讀 1988·2019-08-30 11:24
閱讀 1252·2019-08-29 17:03
閱讀 2168·2019-08-29 16:22
閱讀 2144·2019-08-29 13:11
閱讀 1117·2019-08-29 12:14
