[HTML5和Flash視訊播放器]Video.js 學習筆記(一 ) HLS庫:videojs-contrib-hls

<a href="https://github.com/videojs/videojs-contrib-hls" target="_blank">https://github.com/videojs/videojs-contrib-hls</a>

 下載下傳JS檔案，直接使用

videojs-contrib-hls支援一堆HLS功能。以下是一些亮點：

視訊點播和實況播放模式

備份或備援流

中段品質切換

AES-128段加密

In-Manifest WebVTT字幕自動翻譯成标準的HTML5字幕軌道

定時ID3中繼資料将自動翻譯成HTML5 metedata文本軌道

高度可定制的自适應比特率選擇

自動帶寬跟蹤

使用CORS支援跨域憑據

與video.js的緊密內建以及使用标準HTML API盡可能多地展現的理念

流多個音軌并切換到那些音軌（參見docs檔案夾）擷取資訊

擷取對象

var videoObj = videojs(“videoId”);

ready:

播放：

暫停：

擷取播放進度：

設定播放進度：

視訊持續時間，加載完成視訊才可以知道視訊時長，且在flash情況下無效

緩沖，就是傳回下載下傳了多少

百分比的緩沖

聲音大小（0-1之間）

設定聲音大小

取得視訊的寬度

設定寬度：

擷取高度

設定高度：

一步到位的設定大小：

全屏

離開全屏

删除事件

雖然文章說明在不支援html5的情況下，會以flash播放，但在支援html5的firefox下播放mp4時，卻遇到很大的困難，雖然調用了flash，但一直無法播放（不過我也一直懷疑我的firefox下的flash有問題，不知道是不是真的）。不過如果你聽從videojs的建議，放兩個格式的視訊，就不會有這個問題了。

您可以在播放器初始化時将選項對象傳遞給hls源處理程式。你可以像你對​​video.js的其他部分一樣傳遞選項：

一些選項，例如<code>withCredentials</code>可以傳遞給hls <code>player.src</code>

直接改變URL位址：

The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. Origin 'http://127.0.0.1

Nginx 配置檔案修改跨域：