当我尝试从我的视频标签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();
});
但不起作用,我必须点击视频标签上的播放 .
NOTE: 我把这段代码放在"onclick"事件按钮中并且有效 . 但是我需要这个自动播放而不需要用户进行任何交互 .
谢谢 .
1 回答
这是解决方案:
https://github.com/simplec-dev/AndroidMediaGestureSetting/blob/99df9b5/README.md
这个插件做: