开发者社区> 问答> 正文

有没有方法可以在视频点播中禁止视频拖动啊?

有没有方法可以在视频点播中禁止视频拖动啊?

展开
收起
乐天香橙派 2023-07-25 19:49:25 1143 0
4 条回答
写回答
取消 提交回答
    1. 设置视频播放器属性:某些视频播放器提供了禁用或限制视频拖动的属性或参数。你可以查找视频播放器的官方文档或设置选项,找到相应的属性进行配置。

    2. 视频播放器插件或组件:如果你使用的是第三方视频播放器插件或组件,可以查看其官方文档或配置选项,了解是否提供了禁用视频拖动功能。

    3. JavaScript控制:通过JavaScript代码来控制视频播放器的行为,你可以在视频拖动事件发生时,通过事件监听或拦截,阻止或忽略拖动操作。

    2023-07-29 16:09:08
    赞同 展开评论 打赏
  • 禁止进度条拖拽需要通过业务逻辑来实现。看一下这个文档:https://stackoverflow.com/questions/11903545/how-to-disable-seeking-with-html5-video-tag
    f5e729c2ab0957e9302b5300620d526a.png
    这部分代码就可以实现—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”

    2023-07-26 09:23:02
    赞同 展开评论 打赏
  • 在阿里云视频点播中,可以通过设置播放器参数来禁止视频的拖动(即禁止用户快进/快退视频)。

    具体而言,您可以使用 disableSeek 参数来控制是否允许拖动。当该参数设置为 true 时,将禁用视频的拖动功能;当设置为 false 或不填写该参数时,将允许视频的拖动。

    以下是一个示例代码片段,展示如何在阿里云视频点播中禁止视频拖动:

    var player = new Aliplayer({
      id: 'player-container',
      source: 'http://your-video-url.com/video.mp4',
      autoplay: true,
      disableSeek: true, // 禁止视频拖动
      // 其他播放器配置...
    });
    

    在上述示例中,disableSeek 参数设置为 true,表示禁用视频的拖动功能。您可以根据实际需求,在初始化播放器时进行相应的配置。

    请注意,虽然可以通过设置禁止拖动来限制用户对视频的操作,但无法完全阻止技术上高级的用户绕过这些限制。因此,如果确保内容的安全性非常重要,可能需要采取其他安全措施,例如加密视频、添加水印等方式来保护视频内容。

    2023-07-25 22:59:46
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    当 disableSeek 属性设置为 true 时,用户将无法通过拖动进度条来调整视频播放进度。

    以下是设置 disableSeek 属性的示例代码:

    javascript
    Copy
    var player = new Aliplayer({
    // 其他配置项
    disableSeek: true
    }, function (player) {
    console.log("播放器初始化完成");
    });
    在上面的代码中,disableSeek 属性被设置为 true,这将禁用视频拖动功能。如果您需要启用视频拖动功能,只需将 disableSeek 属性设置为 false 或者删除该属性即可。

    需要注意的是,禁用视频拖动功能可能会影响用户的使用体验,因此建议您在特定的场景下使用,例如在观看直播时禁止拖动。

    2023-07-25 20:27:29
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
互联网音视频点播业务云上实践 立即下载
《VoD问题排查与实战手册》 立即下载
低代码开发师(初级)实战教程 立即下载