Streaming live at 10am (PST)

HTML5 Video Mobile


#1

Used an HTML Embed widget to put an HTML5 Video on my website. It works great on desktop, but on mobile is just showing the poster with a play button, which is unresponsive regardless the device.

I only see people asking about background videos, but has anyone had success with a non-background html5 video on mobile?

Here's the code:
< video width="100%" height="auto" playsinline controls autoplay autobuffer poster="https://dl.dropbox.com/s/cpqtbceggz5b94j/afs-training-poster.png?dl=1" preload="auto">
< source src="https://dl.dropbox.com/s/mtjpe2zmapnumc6/afs-system-tutorial.mp4?dl=1" type='video/mp4' />
< source src="https://dl.dropbox.com/s/kp4v9rh8zcmxe69/afs-system-tutorial.webm?dl=1" type='video/webm' />
< source src="https://dl.dropbox.com/s/zel8atyhejkr1ww/afs-system-tutorial.ogg?dl=1" type='video/ogg codecs="theora, vorbis"'/>

Your browser doesn't support HTML5 video. Download it < a href="https://www.dropbox.com/s/mtjpe2zmapnumc6/afs-system-tutorial.mp4?dl=1" download>here
< /video>


#2

Did you try http://coverr.co ?


#3

I'm not looking for background videos, like I said in my original post -- I'm trying to embed a tutorial video using the HTML5 player. Works great on Desktop, but simply shows an unresponsive play button on the poster on mobile.


#4

Sorry, my bad! I thought it was a background video. Can we have you public link?


#5

No worries -- here's the link http://aspenfieldservices.com/training


#6

Have you had success with html5 videos (not background) on mobile?


#7

Hi @dannytay92, only some mobile devices will play the video. Not all support it. What mobile device do you have, and what OS version?


#8

I've tried it on a couple different tablets and smartphones in the latest couple models. It must be something in my code, but thanks for your help!