Support » Plugin: Html5 Video Player - mp4 player, Video Player for WordPress » Resizing of Video in Chrome Browser

  • Resolved ma3ry

    (@ma3ry)


    In all browsers except Chrome, the video appears correctly. However, in Chrome it starts out as about double the height it should be, and then quickly reverts to the correct size.

    From information I found on the internet I understand that this may have something to do with autoplay. CSS to correct the situation was suggested of

    /*  HTML5 Video Header - stops it from resizing in Chrome */
    .video {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;  }
    
    .video > video {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;   }

    Initially, it seemed to work, but not any longer.

    Is there a way to prevent Chrome Browser from distorting the video on load?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author bPlugins_abuhayat

    (@abuhayat)

    Hello @ma3ry
    Thanks for your feedback. I have visited https://tooleyspainting.com/ to see the issue you referring to, But I have not found any video player in your website. I have visited all the pages.
    Please create a test page and embed a video player there and share me the page url so that I can have a look into it.
    Have a great day !

    I don’t understand why you can’t see it. It’s the header on the home page, but I have done as you ask. I have created a test page at https://tooleyspainting.com/test-2/

    The id is [video id=314]

    Plugin Author bPlugins_abuhayat

    (@abuhayat)

    Hello @ma3ry
    Its working like a chirm in our end. I am using windows 10 pc with latest version of chrome browser !
    What is your chrome version ?
    What’s your PC operating system ?
    Please let me know.

    I am on a Mac Book Pro, OS 10.14.6 using Chrome browser Version 85.0.4183.121 (Official Build) (64-bit)

    Now that you have seen it on the page, what are you seeing in the header on the home page?

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.