JWPlayer中字幕文件的配置

　　最近應項目要求研究JWPlayer，視研究進度可能會將解決的問題或者一些配置方法寫在這里。

 

　　jwplayer支持vtt和srt格式的字幕文件，在視頻中可以選擇加載多個字幕文件（常用於多語言字幕），並且在視頻播放過程中可以切換。

如圖，可以在視頻播放過程中選擇字幕

　　配置的相關代碼如下，具體的配置屬性可見http://www.longtailvideo.com/support/jw-player/28845/adding-video-captions：

<div id="container">Loading the video...</div>
    <script type="text/javascript">
        var player = jwplayer("container").setup({
            playlist: [{
                file: "/*你的視頻文件*/",
                tracks: [{
                    file: "/*你的字幕文件1*/",
                    kind: "captions",
                    "default": true
                },{
                    file: "/*你的字幕文件2*/",
                    kind: "captions"
                }]
            }]
        });
    </script>

 

　　但是在實際的配置過程中，發現JWPLAYER不支持本地視頻配本地字幕，也就是說如果只是在本地打開html文件，則字幕是無法被加載的。會提示“Cross origin requests are only supported for HTTP.”錯誤。

如圖，本地視頻配本地字幕會報錯

　　解決方法：使用IIS或Tomcat之類的web服務器將頁面部署一下，然后以http方式訪問你的頁面即可。

PS：在IIS中配置vtt文件需要在MIME類型中添加描述：“.vtt, text/plain”，以及".mp4, video/mpeg"