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! 🙂
