|
: Video in Custom_2 : Gutshot November 01, 2015, 05:23:29 PM Hello,
I placed a videoloop in position "custom_2"and it looks really good. Using this code: <div class="video_overlay_wrap video_large" style="max-height: 700px; min-height: 400px; background: url('/xxxxx/xxxxx.jpg');" data-sr="scale up 2%, over 0.5s, wait 0.8s"> <video src="images/xxxx.mp4" autoplay="autoplay" loop="loop" muted="" type="video/mp4"></video> <div class="video_overlay_text_wrap"><span class="iacf_text iacf_centered"> <span class="iacf_title"> <span style="color: #ffffff;"><span class="highlight1">xxxxxxxxx</span>some text</span></span> <a href="#" class="readon">XXXX[/url] </span></div> </div> But I hear not all devices support mp4, how to fallback to html5 video or other formats ? I can use a 3rd party extension but that is the last thing I want to do. Kind regards, : Re: Video in Custom_2 : mikek November 02, 2015, 08:05:16 AM Hello,
Most devices support mp4, but most do not support automatic playing; usually tablets and mobile. I would recommend hiding the video element at specific screen width, so that the background image shows instead of the video. By default "video_overlay_wrap" should already be doing that. : Re: Video in Custom_2 : Gutshot November 02, 2015, 08:24:50 AM Ok Mike Thx.
I can add that in the code above? Lets's say tablet view and below.. my friend said he got a black screen on his samsung tablet. Can you give an example what to add or edit in the code ? I find it quite odd he can't see anything, on my Ipad 3 it works perfect.. the image is visible and good in place. So here it works as it should. Kind regards, : Re: Video in Custom_2 : mikek November 02, 2015, 08:34:00 AM Hello,
The video overlay code us given here, just use the exact same layout and configuration shown: http://www.shape5.com/demo/fitness_center/index.php/features-mainmenu-47/continued-vertex-features/typography The video itself hides at 1024px, and then the background image shows. This is defined in editor.css: @media screen and (max-width: 1024px){ .video_overlay_wrap video { display:none; } } If he's getting a black screen either the code is not setup properly or the image url is incorrect. : Re: Video in Custom_2 : Gutshot November 02, 2015, 08:40:52 AM Yes, my conclusion also,
I was editing my post while you replied ;D On my Ipad it works as it should. |