Problema no autoplay do video

Galera gostaria de pedir uma ajuda de vocês, de antemão nao sou muito bom em javascript mas tento desenrolar e ir aprendendo com o tempo que me tem de sobra.

Foi adicionado um video logo quando inicia o site que é esse aqui: www.sculpconstrutora.com.br porém, eu queria que quando iniciasse o site, desse autoplay no video.

Eu sei que se eu colocasse na página em html5 ele rodaria de boa como eu ja fiz o teste. Mas como está dentro desse box e usando o js, o mesmo não inicia.

O código do script em js que estou utilizando é esse:

<script>
	$(document).ready(function(){
	$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
	$.colorbox({href:"comunicado.php"});
	$('#video_player').prop('autoplay', true);
});
</script>

e no video em html eu setei assim:

<video width="99%" height="500" controls="controls" autoplay="autoplay">
	<source id="video_player" src="comercial.mp4" type="video/mp4">
</video>

Tentei de varias formas, mas como nao sou expert nao sei o que está acontecendo. Gostaria muito da ajuda de vocês!

Desde já agradeço