I love the Canvas template. Fantastic work.
I do have an issue with the video autoplay not working on mobile devices.
My test website uses your Canvas autoplay template:
<div class="video-wrap"> <video poster="images/videos/Ocean.jpg" preload="auto" loop autoplay controls muted> <source src='images/videos/Ocean.mp4' type='video/mp4' /> <source src='images/videos/Ocean-SD.webm' type='video/webm' /> <source src="images/videos/Ocean.ogv" type="video/ogg" /> </video> <div class="video-overlay" style="background-color: rgba(0,0,0,0.45);"></div> </div>
The video displays with no issues on a laptop and desktop running Chrome but fails to play on the two mobile devices I have available:
1, ASUS ZenPad 3S 10 tablet running Android 6
2, Samsung Galaxy S5 running Android 5.1.1
On the mobile devices the poster is displayed, nothing else. And the device is not waiting for a user touch, if I touch the screen the video still does not play. The video files are from your own demo site. The ogg file I transcoded using Miro Video Converter.
I spent a day trying to fix the issue with no luck.
I also went to your template site and found a similar issue, e.g. this page:
http://themes.semicolonweb.com/html/canvas/one-page/op-video-event-form.html
...will autoplay the video on my laptop and desktop running Chrome with no issues but not on my ASUS ZenPad 3S 10 tablet or Samsung Galaxy S5. Again on my ASUS ZenPad 3S 10 tablet or Samsung Galaxy S5 the poster image is shown and the video does not play after I press the arrow button.