zoukankan      html  css  js  c++  java
  • 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"

  • 相关阅读:
    React Native ios打包
    ReactNative state更新,视图不更新的问题
    XF警告试图
    XF 彩色矩形块
    XF 定制图片
    XF 通过判断平台加载不同的图片
    XF 进度条和指示器
    XF 滑块和步进控件
    XF 开关控件
    XF 按钮控件
  • 原文地址:https://www.cnblogs.com/ryuasuka/p/3472876.html
Copyright © 2011-2022 走看看