播放器会可以随着可视窗口的尺寸的变化而变化 … 这个视频我们让JW Player 来适应我们的响应式设计 …
确定网页在 <head> 标签里，已经链接了 Bootstrap 的 responsive 样式表 …
调整一下可视窗口的尺寸 … 现在我们的页面已经是响应式的了 … 不过播放器并没有什么变化 …
回到网页项目 … 我们可以先去掉设置播放器宽度和高度的参数 … 你可以删除掉他们 … 这里我们可以注释掉 …. 在他们的前面分别输入两个斜线 …
浏览器会忽略掉斜线后面的这行代码 … 如果你想恢复成之前的设置，可以直接去掉代码前面的斜线 …
另起一行 … 我们再设置一下 width 参数 … 把它的值设置为 100% …
现在播放器的宽度会随着它的容器的宽度的变化而变化 ….
下面我们不需要再去设置播放器的高度 … 而是使用一个 aspectratio: 参数 … 去设置播放器的宽与高的比例 …
把它的值设置为 12:5 … aspectratio: "12:5"
保存 …
回到浏览器 … 改变浏览器窗口的尺寸 ….
你会发现 … 播放器会随着窗口的变化而变化 … 因为在改变窗口尺寸的时候，会使用 bootstrap-responsive.css 里面的定义的样式 … 布局用的网格的宽度会有变化 … 因为我们把播放器的宽度设置成了 100% …
所以在布局宽度变化的时候，播放器的宽度也会有变化 …
同时我们设置了宽和高的比例，所以播放器宽度在变化的时候，会永远保持合适的比例 ….
（# 点击播放）
在播放状态下也是一样的效果 …
