播放其网址未提前知道的视频 - 无需重新加载 - 无需额外标签

Question

我在网页上有很多按钮。根据点击的是哪一个，我想播放不同的视频。

大量<video>元素似乎没有特别快速或可靠地运作。

到目前为止，我试图：

1. 单击图像后动态创建并播放（）视频元素：

   var video = document.createElement('video');
   video.src = 'video.mp4';
   document.body.appendChild(video.play);
   video.play();
   

   这适用于iOS 4，但不适用于iOS 3.

2. 之前创建视频元素，只需更改src。

   也不起作用。

   在播放之前，视频对象似乎已经完成了“它的事情”。

3. 使用window.open()打开视频网址。

   这将导致一个恼人的新标签打开，播放完成后将保持打开状态。

4. 设置window.location

   这将导致播放完成后重新加载当前页面，我正在努力避免。

还有什么想法？