Question

我正在尝试使用我认为可行的代码，但我似乎无法让它工作

(function($){
var video = $('video'),
    v = video[0]
    control = $('.control');
// $(window).load(function(){
//  $('.control').click();
//  $('.control').trigger('touchstart');
// });
// when can play, play
video.bind('canplay', function(){
    v.play();
});
$(window).blur(function(e) {
    // Left the tab
    v.pause();
});
$(window).focus(function(e) {
    // Back to the tab
    v.play();
});
$('.control').on('click touchstart', function(){
    v.play();
});
})(jQuery);

我也尝试过window.load，因为你可以在那里看到评论部分，我甚至尝试发送这两个事件，以防万一移动操作系统忽略了点击并听取了触摸事件。

我正在尝试自动播放视频，我知道有很多问题，但我已经尝试了很多代码片段而没有运气，而且通过其他一些谷歌搜索我发现了这一点但没有任何作用。根本没有解决方案吗？

Answer 1

您可以尝试$(document).ready：

(function($){

$(document).ready(function() {  

    var v = $('video').get(0);

    v.play();

    ... 

});

})(jQuery);

替代方案可以是使用属性<video autoplay="autoplay">...</video>：

在移动设备上加载页面时单击视频元素

1 个答案: