在移动浏览器中触发自动播放

Question

由于移动浏览器中的音频/视频的自动播放不允许，我正在尝试解决自动播放工作，但失败了。我尝试将play()事件绑定到document.ready()以及loadstart，但没有任何效果。以下是我失败的尝试

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', '<%= cloudinary_url(@audio.url, resource_type: "video") %>');

尝试＃1

$(document).ready(function() {
  ('.play').trigger('click');
});

$(document).on('click','.play', function(){
  audioElement.play();// this didn't worked
  $(".play").hide();
  $(".pause").show();
});

尝试＃2

$(document).ready(function() {
  audioElement.addEventListener('loadstart', function(){
    audioElement.play(); // this didn't worked too
    $(".play").hide();
    $(".pause").show();
  });
});

非常感谢任何帮助，谢谢！