1

让我们来看看代码：

我正在准备文件： <video width="300" height="400" id="videoStage"></video><button onclick='video()'>Play video</button>

至于JS函数：

  function video(){
    var vid_url = "https://fbcdn-video-a.akamaihd.net/cfs-ak-ash4/v/82342/969/274169121921_63622.mp4?oh=99ef0d9285cbbd7adf8bc07a845dc0d1&oe=519E400F&__gda__=1369439362_83c7f900e92bdbaa201f49d35a7c144a";
    stage = document.getElementById('videoStage');
    stage.src = vid_url;
    stage.play();
  }

工作代码示例：http: //jsbin.com/eviyel/1

这段代码工作得很好，可以在我的桌面和移动设备上播放视频。但是（！）当 video() 函数应用于 document.ready - 它只在我的桌面上播放，而对于我的移动设备它显示为空。

大佬们有什么解决办法吗？10 倍。

4

2 回答 2

1

我自己找到了答案：

移动浏览器（例如 chrome mobile 和 iOs）必须首先具有有效的“点击”才能同时启用视频和音频播放。一旦实现了点击，用于播放视频/音频的元素现在就可以播放了。您现在可以更改该元素的 SRC 以编程方式播放任何新媒体源，而无需再次单击 DOM。

于 2013-05-31T15:33:39.030 回答
1

从 iOS 10 开始，无需用户交互即可自动播放静音的视频：

https://webkit.org/blog/6784/new-video-policies-for-ios/

Android 似乎仍然需要用户交互，尽管可以使用 touchend 事件从滚动页面开始播放视频。

于 2017-04-05T12:19:47.817 回答