- This topic has 15 replies, 4 voices, and was last updated 2 years ago by Leo.
June 5, 2018 at 11:51 pm #592843Richard
I created a ticked @Learndash
1. Responsive Video
I use the “Enable Video Progression” and that adds the video to a “topic”.
When i decrease the size of my browser window to check the responsiveness (AKA reduction of the Hight of the IFrame that is used). I get very disappointed, the video is decreased in size but there’s a huge GAP between title / text and the video. So when on you’re on a mobile phone this is unacceptable (IMHO). Is there a way to fix this problem?
After setting up a Staging Version of my website and giving WPADMIN access and SFTP access to that staging website they found the following:
I’ve been investigating this and I’ve found out that there are a couple issues. First, Elementor adds some padding around the video player. The bigger issue seems to be with the theme. When I switch to a default WordPress theme (in this case, TwentySeventeen), I can see that the video doesn’t have the extra space that the GeneratePress theme puts around the video player. Unfortunately, since the styles are programmed inline, there isn’t a way I can override them. The best thing to do would be to reach out to the folks at GeneratePress and see if they can resolve the spacing issue around the video player.
Please help me Obi-One-Kenobi 😉
p.s. link to specific page in staging website has been entered. –> but if you need acces please let me know where to send the login details.GP Premium 1.6.2June 6, 2018 at 2:19 am #592907DavidStaffCustomer SupportJune 6, 2018 at 2:36 am #592914Richard
Yes how can i email you?June 6, 2018 at 2:38 am #592917DavidStaffCustomer SupportJune 6, 2018 at 2:40 am #592921Richard
DoneJune 6, 2018 at 3:37 am #592950DavidStaffCustomer Support
Hi Richard, thats odd, i can’t see why GP would interfere with the iframe embed for vimeo.
Have you check the Vimeo settings for the video? As currently the iframe is set to a fixed 640px in height.June 6, 2018 at 5:40 am #593017Richard
I’ve searched the Vimeo setting for the video and the embed code does show the 640px –> but i didn’t use that code.
I just used the Video link not the embed code i get from Vimeo. See this link for a screenshot of learndash.
Also other Pages work fine with the Vimeo video’s, just the topic / lesson pages don’t work like they should.
I’m not a programmer, but this is the comment i got from Learndash: Unfortunately, since the styles are programmed inline, there isn’t a way I can override them. The best thing to do would be to reach out to the folks at GeneratePress and see if they can resolve the spacing issue around the video player.
I’m in the middle and really don’t know what i should do…
RichardJune 6, 2018 at 6:53 am #593075DavidStaffCustomer Support
its the LearnDash short code that is outputting the fixed height iFrame, so maybe their a little confused as to where the extra space is coming from. Looking at the LD documentation the Video URL can also accept iFrame, HTML5 video and embed codes.
Could you try using an Embed of Vimeo instead?June 6, 2018 at 8:43 am #593208Richard
Hi and Thank you for the information David,
I got an email from Learndash that it’s the Vimeo video that has that fixed height.
I’ve done som testing but still can’t get it to work, i feel like a complete noob 🙁
I’ll resume testing the iframes in a few hours (and have send Learndash an additional email asking for help).
Please leave this thread open for now, i’ll share the solution (in this thread) when i’ve solved my problem.
Kind regards and thank you for your patience with me!
RichardJune 6, 2018 at 8:50 am #593212DavidStaffCustomer SupportJune 7, 2018 at 1:33 am #593772Richard
Info: LearnDash ticket has been upgraded to be addressed by a LD-developer.
* I’ll keep updating this tread untill the issue is resolvedJune 7, 2018 at 2:30 am #593819DavidStaffCustomer SupportJune 12, 2018 at 12:08 am #597910Richard
I’ve found a free plugin called: “ARVE Advanced Responsive Video Embedder”
Just install and activate and all your the video’s (including LearnDash progression Video’s) will be responsive.
Additional tip: The ShortCode for inserting LearnDash video’s is [LD_video] (without the capitals)
So not [ID_video] (without the capitals) –> this is the correct code [ld_video) first letter is non capital “L”.
All LearnDash does when a video URL is put inside the video field, is call the built-in WordPress embed code, put the video link inside, and place that embed code inside of the content. From what we see so far, Vimeo’s code is setting parameters and this is throwing WordPress’ code off.
I hope someone else will benefit from this information
RichardJune 12, 2018 at 1:11 am #597942DavidStaffCustomer SupportOctober 14, 2019 at 2:37 am #1033989Alan Gautham
Thanks, Richard for the solution.
“ARVE Advanced Responsive Video Embedder” – seems to be the only solution reached here after wasting lot of hours with learndash support :D.
- You must be logged in to reply to this topic.