html5播放器禁止拖拽功能实例（教学内容禁止拖动观看）-Toy模板网

这篇具有很好参考价值的文章主要介绍了html5播放器禁止拖拽功能实例（教学内容禁止拖动观看）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

html5播放器禁止拖拽功能实例（常用于场景：企业培训、在线教学内容禁止学员拖动视频进行观看）

实例1：参数开启后，视频教学内容或视频课件将不允许拖动进度条。

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
volume:0.75,
vid: '138dcc9667850eba0705401288131bf1_1',
ban_seek:'on',
});
</script>

代码参数提示：

ban_seek

string

off

设置为 on 播放器将会彻底禁止拖拽

实例2：禁止记住播放进度

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
volume:0.75,
vid: '138dcc9667850eba0705401288131bf1_1',
ban_history_time:'on', 
});
</script>

禁止记住播放的时间进度。

ban_history_time

string

off

是否禁止记住播放进度，下次打开会从上次进度打开（设置watchStartTime后还是会从watchStartTime处开始播放），默认为off(不禁止)，on为禁止

应用效果截图：

html5播放器禁止拖拽功能实例（教学内容禁止拖动观看）