Responsive issues

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