關於cuepointvedio.js的信息

本文目錄一覽：

• 1、如何讓video.js 支持AVI、RMVB
• 2、video.js怎麼改音量條的方向
• 3、在IE11中使用vediojs在線觀看視頻無法觀看，flash插件已經更新啟用，急求解決辦法
• 4、vediojs嵌入到web項目中的問題

如何讓video.js 支持AVI、RMVB

video.js是基於H5開發的，所以只支持以下三種格式：

MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器

WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器

Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器

所以，建議使用格式工廠軟件去轉換一下格式，轉換成MP4格式。

轉換步驟：

1.根據文件類型選擇文件

2.點擊輸出設置

3.選擇下圖格式

大功告成了！

video.js怎麼改音量條的方向

在頁面中引用video-js.cs樣式文件和video.js

link href=”video-js.css” rel=”stylesheet” type=”text/css” script src=”video.js”/script

設置flash路徑，Video.js會在不支持html5的瀏覽中使用flash播放視頻文件

script videojs.options.flash.swf = “video-js.swf”; /script

html

poster=”**”播放初始圖。可使用三種視頻格式，根據所需要格式選擇對應的。

video id=”example_video1″ class=”video-js vjs-default-skin” controls preload=”none” width=”640″ height=”264″ poster=”” data-setup=”{}”

source src=”http://視頻地址格式1.mp4″ type=’video/mp4′ /

source src=”http://視頻地址格式2.webm” type=’video/webm’ /

source src=”http://視頻地址格式3.ogv” type=’video/ogg’ /

track kind=”captions” src=”demo.captions.vtt” srclang=”en” label=”English”

/track

!– Tracks need an ending tag thanks to IE9 —

track kind=”subtitles” src=”demo.captions.vtt” srclang=”en” label=”English”/track!– Tracks need an ending tag thanks to IE9 —

/video

設置自動播放將下面代碼加到html中代碼後面

script type=”text/javascript” var myPlayer = videojs(‘example_video1’); videojs(“example_video1”).ready(function(){ var myPlayer = this; myPlayer.play(); }); /script

在IE11中使用vediojs在線觀看視頻無法觀看，flash插件已經更新啟用，急求解決辦法

下載谷歌等瀏覽器測試一下，如果好用，看視頻、上淘寶、OO空間，或瀏覽其它網頁時就用這個軟件，這些都是不用IE做內核的，與你用IE不衝突（有時是瀏覽器不好用引起的，我是從實踐中從多個瀏覽器中挑出來的，這個瀏覽器很著名，因為不容易崩潰，因為每個網頁出問題不會影響整個瀏覽器，有問題請你追問我）。

vediojs嵌入到web項目中的問題

方法/步驟

1

在網頁中使用HTML5視頻嵌入技術最大的優點就是不需要任何第三方插件（比如 Adobe公司的Flash）就能播放。

不需要第三方插件帶來的好處就是資源佔用更少，想想如果一個網站上嵌入好多flash那該有多慢啊，還好有HTML5視頻嵌入技術可以完好地解決這個問題。

那麼它的配置複雜嗎？很簡單！

2

首先下載video.js，百度一下就能找到。

3

這個是下載後的目錄。

4

先把要用到的js\css\swf都加載到html頁面上。

如：

link href=”video-js/video-js.css” rel=”stylesheet” type=”text/css”

script src=”video-js/video.js”/script

script

videojs.options.flash.swf = “video-js/video-js.swf”;

/script

5

加入下面的代碼：

video id=”my_video_1″ class=”video-js vjs-default-skin” controls    preload=”auto”width=”640″height=”480″poster=”video-js/my_video_poster.png”    data-setup=”{}”

source src=”Wildlife.mp4″ type=’video/mp4′

/video

只要記住：修改width=”640″ height=”480″來改變視頻顯示大小，修改src=”Wildlife.mp4″來改變要顯示的視頻。

然後打開html文件查看效果吧，它有暫停、音量控制、全屏等功能，還有好多其他功能，比如字幕等，這個以後再寫。

全屏後的效果：

下面看看各個瀏覽器的效果：

Firefox：

Chrome：

360：

IE：

可以看到，IE播放是有問題的。解決IE不能播放的問題很簡單。

加入：

script

if (navigator.userAgent.indexOf(‘MSIE’) = 0){

document.getElementById(“videoDiv”).innerHTML=’embed src=”Wildlife.mp4″ autostart=”true” loop=”true” width=”640″ height=”480″ ‘;

}

/script

意思是：如果是IE瀏覽器就將視頻替換為傳統的以FLASH形式播放。

再看看效果，呵呵，好了。

下面附全部代碼截圖，純代碼發上來不顯示，沒辦法了。