Question

我尝试使用我的视频标记javascript代码播放（.play（））时遇到此问题，我使用的是Phonegap和JQueryMobile。

这是我的videoPlayer页面。

<div data-role="page" id="page-reproduccion" data-theme="b">
 <div data-role="content">
  <video id="reproductor" autostart>
  </video>
 </div>
</div>

此方法用于更改src。

var videoPlayer = $('#reproductor');

  videoPlayer.bind('loadeddata', function(){
    console.log('Datos cargados');
  });

  videoPlayer.bind('ended', function(){
    console.log('Fin del video!');
  });

  videoPlayer.bind('canplay',function() {
    console.log("Can Play");
  });

  videoPlayer.src = listaVideos[indexVideo].ruta_local;
  videoPlayer[0].autoplay = true;
  videoPlayer[0].load();
  videoPlayer[0].play();

我只需要在更改src时自动播放视频。

我把这个代码放在这个方面：

  videoPlayer.bind('loadeddata', function(){
    console.log('Datos cargados');
    videoPlayer[0].load();
    videoPlayer[0].play();
    });

或者：

videoPlayer.bind('canplay',function() {
    console.log("Can Play");
    videoPlayer[0].load();
    videoPlayer[0].play();
  });

但不行，我必须点击视频标签上的播放。

注意：我已将此代码放入＆＃34; onclick＆＃34;事件按钮和工作。但我需要这个自动播放，而不需要用户进行任何互动。

感谢。

Answer 1

这是解决方案：

https://github.com/simplec-dev/AndroidMediaGestureSetting/blob/99df9b5/README.md

此插件执行：

setMediaPlaybackRequiresUserGesture(false)

在动态更改src Phonegap + javascript时从代码播放本地视频

1 个答案: