Title: Responsive issues
Last modified: June 3, 2020

---

# Responsive issues

 *  [avantiprodu](https://wordpress.org/support/users/avantiprodu/)
 * (@avantiprodu)
 * [6 years ago](https://wordpress.org/support/topic/responsive-issues-29/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-issues-29%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [06userit](https://wordpress.org/support/users/06userit/)
 * (@06userit)
 * [6 years ago](https://wordpress.org/support/topic/responsive-issues-29/#post-12935819)
 * 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](https://wordpress.org/plugins/videojs-html5-player),
   and installation details are here [https://wphowto.net/videojs-html5-player-for-wordpress-757](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&#8221](https://mysite.com/wp-content/uploads/2020/04/mypostervideo.jpg.jpg&#8221);
   url=”[https://mysite.com/wp-content/uploads/2020/04/myvideo.mp4″%5D](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
 *  Thread Starter [avantiprodu](https://wordpress.org/support/users/avantiprodu/)
 * (@avantiprodu)
 * [6 years ago](https://wordpress.org/support/topic/responsive-issues-29/#post-12937862)
 * 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)

The topic ‘Responsive issues’ is closed to new replies.

 * ![](https://ps.w.org/learnpress/assets/icon-256x256.gif?rev=3254420)
 * [LearnPress - WordPress LMS Plugin for Create and Sell Online Courses](https://wordpress.org/plugins/learnpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/learnpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/learnpress/)
 * [Active Topics](https://wordpress.org/support/plugin/learnpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/learnpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/learnpress/reviews/)

## Tags

 * [courses](https://wordpress.org/support/topic-tag/courses/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 2 replies
 * 2 participants
 * Last reply from: [avantiprodu](https://wordpress.org/support/users/avantiprodu/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/responsive-issues-29/#post-12937862)
 * Status: not resolved