Edu Html5Player加密视频播放器
多清晰度切换/画质切换
多清晰度切换/画质切换：视频上传后，平台后会自动转码生成多个清晰度的视频文件，可通过参数和接口控制清晰度的选择和切换。视频多清晰度切换功能本质上是为了 提供更稳定、更经济、更普适的学习体验。它让观看者无论身处何种网络环境或使用何种设备，都能顺畅地学习，最大限度地减少技术障碍对学习进度的影响。
多清晰度切换/画质切换功能优点：
01.适应多样化的网络环境：
在网络信号不稳定、带宽有限（比如在户外、公共Wi-Fi或移动数据环境下）时，学生可以将视频清晰度调低，降低视频加载对网速的要求，有效避免卡顿、缓冲，保证学习的流畅性。
02.保障基本观看体验：
即使在高分辨率设备上，如果网络不佳，强制高清晰度也会导致无法观看。多清晰度切换确保了在任何网络条件下，学生至少都能以可接受的画质完成学习。
03.提升学习效率与专注度：
提升加载速度，减少等待： 更快的加载速度意味着更少的等待时间，学生可以更快地进入学习状态，减少因等待而产生的挫败感或分心。
04.满足不同场景需求：
在通勤路上、户外等对画质要求不高的场景，选择低清晰度；在家中、有稳定Wi-Fi的情况下，则可以选择高清晰度享受更佳的视觉效果。
在网络信号不稳定、带宽有限（比如在户外、公共Wi-Fi或移动数据环境下）时，学生可以将视频清晰度调低，降低视频加载对网速的要求，有效避免卡顿、缓冲，保证学习的流畅性。
02.保障基本观看体验：
即使在高分辨率设备上，如果网络不佳，强制高清晰度也会导致无法观看。多清晰度切换确保了在任何网络条件下，学生至少都能以可接受的画质完成学习。
03.提升学习效率与专注度：
提升加载速度，减少等待： 更快的加载速度意味着更少的等待时间，学生可以更快地进入学习状态，减少因等待而产生的挫败感或分心。
04.满足不同场景需求：
在通勤路上、户外等对画质要求不高的场景，选择低清晰度；在家中、有稳定Wi-Fi的情况下，则可以选择高清晰度享受更佳的视觉效果。
代码调用示例
多清晰度切换/画质切换
<div id="player"></div>
<script src="//player.polyv.net/resp/vod-player/latest/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: '88083abbf5bcf1356e05d39666be527a_8',
showHd: true, // 播放器控制栏是否显示清晰度切换的按钮，默认为 true
show_rate:2, // 允许选择的最高清晰度，取值：{1,2}。值为1时，只显示流畅，值为2时，可选流畅和高清。不设置时会显示全部清晰度。
df:1, //视频播放默认采用的清晰度，取值：{0,1,2,3}，分别对应自动、流畅、高清、超清。
autoplay: 'true',
playsafe:'81814fed-bdd0-4506-bec1-ebc8093148c5-hfevwsfxcsbcocx',
//playsafeUrl:'https://myDomain.com/token',
ts:'1568131545000',
sign:'88313661ba7ded642c7b557b0a364b4b'
});
</script>多清晰度切换/画质切换效果截图
以下为视频多清晰度切换/画质切换功能应用，视频观看效果的截图：
多清晰度切换/画质切换(右下方切换按钮支持标清/高清/超清切换)
