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

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，因为您可以看到那里的评论部分，我什至尝试发送这两个事件，以防移动操作系统忽略点击并监听触摸事件。

我正在尝试让视频自动播放，我知道有很多问题，但我已经尝试了很多代码 sn-ps 没有运气，并且通过我发现的其他一些谷歌搜索这一点，但没有任何作用。真的没有办法解决吗？

Answer 1

你可以试试$(document).ready:

(function($){

$(document).ready(function() {  

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

    v.play();

    ... 

});

})(jQuery);

另一种方法是使用属性<video autoplay="autoplay">...</video>：