HTML5视频无法在Android Chrome上播放

Question

我想在Android Chrome上播放HTML5视频。根据规格，HTML5视频不能在移动设备上自动播放，需要用户交互。 为此，我创建了一个带有视频播放按钮的叠加层。点击视频我需要进行一些处理，然后我在视频元素上调用播放。

vid = $('<video id="video-elem"></video>');
vid.attr('src', "some.mp4");
vid.play();

在播放时，视频有readyState = 0，因此视频无法播放。 我还尝试捕捉canplay视频事件，该视频表示视频已准备就绪。 但如果我尝试通过调用

来播放视频

vid.play()

什么都没发生。我还将我的设备连接到chrome调试器并尝试通过控制台播放，但没有任何作用。同样适用于iPad。 如果我点击我称之为视频播放的屏幕，则视频开始播放。 如果没有第二次用户互动，请建议我播放视频的方式。

Thnaks。