要使视频自动播放,我们只需向视频标记添加“autoplay”属性。在移动设备和像Google Chrome,iPad,iPhone这样的浏览器上,这并不起作用,“播放”方法直到没有用户与触摸屏交互才能起作用。但是,在此链接或此链接中,使用自定义JavaScript播放器,他们绕过了此阻止措施,并且视频可以在iPhone,iPad,Webkit浏览器和所有移动设备上自动播放,而无需用户交互。我该怎么做呢?如果在页面加载时我模拟触摸事件,这可能会解锁视频“播放”方法?我可以仅使用画布而不使用视频标记加载视频URL吗?请帮忙并向我解释。
有一个使用canvas在移动设备上自动播放内联视频的库。缺点是没有音频,因为canvas最初并不是为此而设计的。该库基本上会加载所有的帧,然后按顺序显示给用户。这也带来了一些关于视频长度的限制。 比起gif的表现还是要好些... https://github.com/gka/canvid