Support » Plugin: LearnPress - WordPress LMS Plugin » Responsive issues

  • Hi! How are you?

    We’re having some issues with the website, with the courses in the responsive on mobile and tablets/ipads and we need our coustumers to be able to use the web on any devise.
    We’re using MF theme and the other part of the site is responsive, at least works pretty good.
    Do you know which could be the problem?

    Thanks!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello, you can try to use plugin “videojs”, as detailed below. This works for me for videos urls hosted on WordPress site, so to be tested with vimeo videos urls.

    ->

    A video added in a course, session or quizz LearnPress with the “Add media” function is not natively responsive. It does not adapt to the screen size

    For video to become responsive, one can use the plugin (html5 compliant) “videojs”. The video is played with the “videojs” plugin and is responsive.

    Plugin is available here https://wordpress.org/plugins/videojs-html5-player , and installation details are here https://wphowto.net/videojs-html5-player-for-wordpress-757

    Once video is added on the LeanPress page with “Add media” function, minor edition must be done on the code page, in Text mode, to replace native code with videojs code

    1) switch to Text mode when editing the page (course, lesson, …)
    2) replace the code “[video] [/ video]” with “[videojs_video]”, and code “mp4” with “url”, as shown in the example below
    replace:
    [video poster="https://mysite.com/wp-content/uploads/2020/04/mypostervideo.jpg" width="1280" height="720" mp4="https://mysite.com/wp-content/uploads/2020/04/myvideo.mp4"] [/ video]
    with:
    [videojs_video poster=”https://mysite.com/wp-content/uploads/2020/04/mypostervideo.jpg.jpg” url=”https://mysite.com/wp-content/uploads/2020/04/myvideo.mp4″%5D

    The [videojs_video] part remains in text form when returning to Preview mode. Save the page. Video becomes responsive when viewed on devices.

    “poster” option is optional. There is a few other options available for videojs, described in url above

    Hi!
    I will tried this.
    I make vimeo videos responsive from their website but I’m having some trouble with the texts, I used a ccs code but is still not the best.

    Thanks for your help! 🙂

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