如何实现 OPPO 平板官网视频自动播放的效果?前提是不使用 video 标签来实现

查看 52|回复 1
作者:xyxc0673   
最近在做一个需求,类似 OPPO 平板官网( https://www.oppo.com/cn/accessories/oppo-pad-2/ )的这个效果,我看它是使用 canvas 去实现的,然后在网络请求里也没有看到这个视频,我问 GPT 给到的回复都是在 video 标签播放时将视频帧画到 canvas 上,这样一来不就会下载这个视频?
要如何做到不下载视频的情况下去画视频帧呢?
至于为什么不使用 video 标签来自动播放是因为现代浏览器会对这样自动播放的行为进行拦截,报出这个错误:
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

OPPO, Video, 播放, 标签

Satelli   
/content/dam/oppo/product-asset-library/accessory/oppo-pad-2/cn/v1/assets/ksp.flv
您需要登录后才可以回帖 登录 | 立即注册

返回顶部