Добавил видео через source + скрипт, чтобы можно было его запускать по клику
<div class="video">
<video poster="/images/video/rest.jpg">
<source src="/images/video/rest.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
</div>
<script>
$("video").prop("volume", 0.3).click(function(){this[this.paused?"play":"pause"]()});
</script>
Но, в Опере, а иногда и в Хроме, по клику возникает ошибка Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().
Если скрипт убрать, то в Опере проблема все равно остается...
В гугле нашел пару вариантов на stackoverflow, но честно говоря, или не верно добавляю решения, или они конфликтуют с моим скриптом.
Помогите решить проблему.