How to play video on mobile version?

Question

css

Friends, hello everyone!

Faced the problem that the video is not played on a mobile device, although everything is ok on the desktop

<video width="320" height="240" controls class="video"   poster="<?php echo HOMES_VIDEO_DIR; ?>/video_preview.jpg">
                <source src="<?php echo HOMES_VIDEO_DIR; ?>/video_home.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
                <source src="<?php echo HOMES_VIDEO_DIR; ?>/video_home.webm" type='video/webm; codecs="vp8, vorbis"'>
                <source src="<?php echo HOMES_VIDEO_DIR; ?>/video_home.ogv" type='video/ogg; codecs="theora, vorbis"'>
                </video>

What could be the reason and how to solve it?

Answer 1

Autoplay on the phone - only without sound (as far as I remember)
muted="muted"
+ autoplay mobile browsers will not eat
so try to add controls