Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 21, 2018 at 12:41 am #915128
    piotrfilipowicz

    Hi

    I’ve seen on many websites background videos. I’ve tried adding it to my site. But it is not working as expected (video taken from Vimeo)

    When I saw this functionality on pages – the page was loaded and some image was presented. And after few seconds this image starts moving (“video is starting to play”) The transition is smooth (because the image was the first frame of the movie)

    I’ve tried adding Color section on my Page. I’ve added
    in “Custom Background” Image as the first frame of the movie. And then in “Background Video” section – I’ve added the movie from Vimeo. When I enter the site – the transition is not smooth. Mainly because one can see – that image is being replaced by the movie – because circle loader (throbber) is showing on for something about 2-3 seconds. In fact, i think, that there are two loaders (a little bit different in the presentation) First is “Enfold” loader. After that i suppose, that Vimeo loader is being shown.

    My question is? How is this achieved – that, on those “other” sites I don’t see any loaders?

    Best regards
    Piotr

    February 21, 2018 at 5:35 am #915260
    Rikard

    Hey Piotr,

    Could you links to examples of both the problem and what you are looking to achieve please?

    Best regards,
    Rikard

    February 21, 2018 at 11:42 am #915360
    piotrfilipowicz

    Hi Rikard

    See for yourself: https://vimeo.com/256740238
    What i want to achieve is for example this: https://undsgn.com/uncode/homepages/classic-restaurant/
    There is no loader whatsoever. After you load page – the video is autoplayed (without any image loader)

    Best regards
    Piotr Filipowicz

    February 21, 2018 at 2:50 pm #915472
    Victoria

    Hi Piotr Filipowicz,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? I did not see any loaders at all, first text and then the video.
    Which browser are you using?

    Best regards,
    Victoria

    February 21, 2018 at 3:01 pm #915479
    piotrfilipowicz

    Hi

    There is nothing “specific” in this case – please add “any” backgorund video and the effect would be the same :)

    This Image loader is shown for short period of time. Here are printscreens of loader no1:

    https://ibb.co/mvUftH

    And loader no2:

    https://ibb.co/honYDH

    If you like – play vide in slow motion. This will allow you to observe this effect.

    I’m using Firefox 58.0.2 (but i assure you – the effect is the same on Chrome/IE)

    February 21, 2018 at 3:29 pm #915504
    Victoria

    Hi piotrfilipowicz,

    Well, we cannot disable the Vimeo loader. You can disable Enfolds loader in the Theme options if you like.

    Best regards,
    Victoria

    February 21, 2018 at 5:01 pm #915552
    piotrfilipowicz

    Do you know how it can be done on Vimeo?
    Or how is this configured on the site – i’ve pasted you – where there is no loader at all.

    And about Enfolds’ loader – it is disabled (if you are referencing to: “Page Preloading” checkbox)

    February 21, 2018 at 5:19 pm #915566
    piotrfilipowicz

    Ok, i know where is the difference. You are rendering it as iframe…
    On this page: https://undsgn.com/uncode/homepages/classic-restaurant/ this is done by using:
    http://www.mediaelementjs.com/
    And its being rendered as:
    <mediaelementwrapper id=”video-54948-1″>
    <video […] src=”#URL#”>
    <source type=”video/mp4″ src=”#URL#” />
    #URL#
    </video>
    </mediaelementwrapper>
    Could you change your implementation?

    February 21, 2018 at 10:59 pm #915756
    piotrfilipowicz

    Ok, i may be mistaken – i can see in sources, that you also use this medialementjs.

    I’ve tried to upload this video to my hosting (hoping, that without transfer from vimeo – movie will be shown instantly) Then i’ve changed the url for video background from vimeo url to local url.

    After that, video is shown inccorect. Here is how it looks:

    https://ibb.co/fi6N7c

    This is after changing ONLY the url from vimeo to local movie (uploaded) Changing back to vimeo is presenting the movie correctly.

    February 22, 2018 at 6:15 am #915894
    Victoria

    Hi piotrfilipowicz,

    No video can be shown instantly unless it is very lightweight, or very fast CDN is used or some type of preloading is implemented. And so a percentage of your users, especially with lower connection speed, will be seeing a preloader. This is common practice and most people don’t even notice them. If Enfold elements do not work for you, you can look for a video embedding plugin.

    Let me know what you think.
    Best regards,
    Victoria

    February 22, 2018 at 1:19 pm #916024
    piotrfilipowicz

    Exactly my thought. Is there possibility to add preloading mechanism?

    Or do you have clue – why using local vide (uploaded through media) is not showing fullscreen (and rendering with controls)
    My settings:
    Background Attachment – Parralax
    Background Image Position : Top Left
    Background Repeat: Stretch to fit (stretches image to cover the element)
    Video Aspect Ratio : 16:9

    February 23, 2018 at 2:47 pm #916713
    Victoria

    Hi piotrfilipowicz,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.