June 8, 2015 at 10:45 pm #3566
I tested it with my phone and tablet pc. But, video background does not shown. Why? How to solve this problem?
thanks.June 9, 2015 at 9:32 am #3571
I’m afraid that indeed, they don’t.
The main problem is the devices which are taking over the videos. For example, IOS will take over the video, add its custom controls and mainly – it will stop it by default. The access to the video api is restricted, therefore there’s not much that can be done. So for a simple video link, or box with a video player etc., would be ok, but not as a background video for headings.
In regards to all these restrictions, to be honest it makes sense to be like that, at least on mobiles or 3G – 4G cellular data. If i would’ve put a video like 50mb there and it would’ve autoplayed the video it rips off the bandwidth and might cause extra charges.
So anyway there are a few solution but extremely buggy. I mean problem after problem, device by device and so on. The best solution is actually the simplest, to simply display an image instead of the video and that’s it. Perhaps a link to the video could do, but by default, upon accessing, no video, sorry!
Hope it makes sense! Let me know if you still have questions, thanks!!
Best regardsJune 9, 2015 at 10:09 am #3572
Thanks for the information. I put poster tag in a video control. So, this poster is shown at first. (an image) On mobile devices video does not run but not shown blank black box. I can describe that the video is not required on mobiles. Now, in mobiles I can see an image of the first frame of video.
Maybe you can put this tag in next update. Thanks.
<video class=”video-js vjs-default-skin” preload=”none” poster=”images/poster.jpg”>
<source src=’video/video.mp4′ type=’video/mp4′ />
<source src=’video/video.webm’ type=’video/webm’ />
<source src=’video/video.ogg’ type=’video/ogg’ />
You must be logged in to reply to this topic.