Background video is blank on mobile Chrome and Safari, crops in Firefox

Background video is blank on mobile Chrome and Safari, crops in Firefox

Support Forums Gris – HTML Template Background video is blank on mobile Chrome and Safari, crops in Firefox

This topic contains 7 replies, has 3 voices, and was last updated by  CreaboxThemes 5 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #5762

    Shaman Xanti
    Participant

    Any FAQ-solutions to that?

    #5764

    CreaboxThemes
    Keymaster

    Hi,

    everything is explained in the documentation. The video scripts have a lot of problems in mobile and tablet devices. In this cases, the template changes the video by an image. The class ‘.poster-image’ is added to the body. If you don’t want this feature, you have to use the files video2.js (in index_video.html), video_youtube2.js (in index_video2.html) or video_vimeo2.js (in index_video3.html).

    If you want to change the class ‘.poster-image’, you have to edit the file style.css:

    ...
    .poster-image { 
         background:url('http://placehold.it/1280x720');
    ...

    Regards

    #5993

    Newcomsas
    Participant

    Hello, your answer is rather ambiguous.

    Could you confirm that no matter what a developer does, it is not possible to visualize a YouTube video on a mobile device ?

    When you say that you have to edit the line

    background:url('http://placehold.it/1280x720');

    you are simply meaning that you have to insert there the name of an IMAGE ? Is that right ?

    If that is true this is a huge limitation. It should be possible to link, at least, the You Tube video and redirect the user to the YouTube video page. Is there a way to do it ?

    #5994

    CreaboxThemes
    Keymaster

    Hi,

    with the library used in the theme, it could have problems in some mobile devices. The problem exactly is that the video doesn’t play automatically. But it loads correctly with the play button. If you want, you can try to change that and check if it works correctly in your mobile device.

    About the image in the attribute background, yes, you have to replace the link ‘http://placehold.it/1280×720’ by the image you want.

    About the link to the Youtube video page, it could be possible. When the video background is loaded in a mobile device and it doesn’t work, the video will not played automatically, but you will be able to view the play button and the link to the video page.

    Regards

    #5995

    Newcomsas
    Participant

    The problem exactly is that the video doesn’t play automatically. But it loads correctly with the play button. If you want, you can try to change that and check if it works correctly in your mobile device.

    I would definetely like to try out this functionality. I have no idea of how to do it though. Could you tell me which are exactly the modifications to your code that I have to perform ? To be more precise: to me it is more than enough if the video compares with a play button in mobile devices. The problem is that, at the moment, only a static image is visualized.
    Thank you

    #5996

    CreaboxThemes
    Keymaster

    Don’t worry about the changes. I can make them for you. Please, create a new user in your admin panel to change and check the plugin. I have done this with other users, so you can trust me.

    Regards

    #5997

    Newcomsas
    Participant

    Please, create a new user in your admin panel

    We are hosting the website, together with dozens of others, on our own Windows 2012 server so I cannot give you the credentials. I can anyway send you via email (or any other mean) the website (it’s entirely static so it is extremely simple). Could you tell me how I can send you the files ? TIA

    #5999

    CreaboxThemes
    Keymaster

    Hi,

    I will make the changes and I will send you the files modified.

    Regards

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.