Vimeo video duplicate images, javascript errors

Version 2.1.0.1
We are having problems with Vimeo videos as part of units. The image seems to be repeated twice but overlaps following text on the page covering it up. See screenshot.

We also find there are JavaScript errors on the page viewing preview on Chrome Version 59.0.3071.115

"Uncaught TypeError: Cannot read property 'value' of undefined
at i (video-vimeo.min.js?ver=2.1.0.1:1)"
The links are in the plugin at coursepress/2.0/asset/js/external/video-vimeo.min.js?ver=2.1.0.1

  • Nahid
    • Tech Support

    Hey team9 !
    Hope you are having a great day!

    I'm sorry to say this is a known bug with CoursePress Pro and has already been reported to the developers. This will be fixed in the next update which should be coming real soon. For now, can you try adding the following Custom CSS as a temporary solution?

    .video_player .vjs-fluid {
        padding-top: 0;
      	padding-bottom: 56.25%;
    }
    .video_player {
        position: relative;
        overflow: hidden;
    }

    You can add it to the built in WordPress Custom CSS field in Appearance->Customize or your child theme's stylesheet or your theme's Custom CSS option.

    Hope this helps. Let me know if this works for you. Thanks!

    Best,
    Nahid.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.