Estoy mostrando un video que se reproduce al cargar la pagina, este se muestra en un modal de boostrap, el video se reproduce sin problemas pero sin audio, se de las restricciones por parte de chrome pero debe haber alguna manera de reproducir un audio de forma automatica. Lo que he intentado es lo siguiente.
<audio id="player" autoplay loop>
<source src="https://resources.com/burbujas_audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video id="video_burbujas"
class="video-js vjs-default-skin vjs-big-play-centered"
controls
autoplay="true"
preload="auto"
poster="https://resources.com/poster-burbujas-video.jpg"
data-setup='{"fluid": true}'
>
<source src="https://resources.com/burbujas.mp4" type="video/mp4" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank"
>supports HTML5 video</a
>
</p>
</video>
<script>
var x = document.getElementById('player');
$(window).on('load',function(){
x.play();
$("#video_burbujas_mdl").modal('show');
})
var player = videojs('video_burbujas');
player.ready(function() {
setTimeout(function() {
player.autoplay('muted');
player.fluid('true')
}, 1000);
});
</script>
Come mencione al cargar la pagina se abre un modal en donde se encuentra el video, agredeceria cualquier sugerencia o comentario.