3.2 下载video.js Video.js： https://github.com/videojs/video.js videojs-contrib-hls： https://github.com/videojs/videojs-contrib-hls#installation （videojs-contrib-hls是播放hls的一个插件） 使用文档：http://docs.videojs.com/tutorial-videojs_.html 本教程使用 video.js 6.7.3 版本，videojs-contrib-hls 5.14.1版本。 下载上边两个文件，为了测试需求将其放在门户的plugins目录中。
在此网页中引入视频链接，视频地址指向video.xuecheng.com
2、video.xuecheng.com进行负载均衡处理，将视频请求转发到媒体服务器
根据上边的流程，我们在媒体服务器上安装Nginx，并配置如下：
[mw_shl_code=applescript,true]#学成网媒体服务 server { listen
90;
server_name localhost;
#视频目录
location /video/ {
alias
F:/develop/video/;
}
}[/mw_shl_code]
3.3.2 媒体服务器代理 媒体服务器不止一台，通过代理实现负载均衡功能，使用Nginx作为媒体服务器的代理，此代理服务器作为 video.xuecheng.com域名服务器。 配置video.xuecheng.com虚拟主机： 注意：开发中代理服务器和媒体服务器在同一台服务器，使用同一个Nginx。
[mw_shl_code=applescript,true]#学成网媒体服务代理 map $http_origin $origin_list{
default http://www.xuecheng.com;
"~http://www.xuecheng.com" http://www.xuecheng.com;
"~http://ucenter.xuecheng.com" http://ucenter.xuecheng.com; } #学成网媒体服务代理 server { listen
80;
server_name video.xuecheng.com;
location /video {
proxy_pass http://video_server_pool;
add_header Access‐Control‐Allow‐Origin $origin_list;
#add_header Access‐Control‐Allow‐Origin *;
add_header Access‐Control‐Allow‐Credentials true;
add_header Access‐Control‐Allow‐Methods GET;
}
}[/mw_shl_code]
cors跨域参数： Access-Control-Allow-Origin：允许跨域访问的外域地址
通常允许跨域访问的站点不是一个，所以这里用map定义了多个站点。
如果允许任何站点跨域访问则设置为*，通常这是不建议的。
Access-Control-Allow-Credentials： 允许客户端携带证书访问 Access-Control-Allow-Methods：允许客户端跨域访问的方法
video_server_pool的配置如下：
[mw_shl_code=applescript,true]#媒体服务
upstream video_server_pool{
server 127.0.0.1:90 weight=10;
}
[/mw_shl_code]
