Vimeo Embedding in units

[Electrovertlabs]

Hello, We have our course uploaded in vimeo. We want to embed those videos in our course units but on doing so by the normal https://vimeo.com/xxxxxxx we lose access to the vimeo player and the default wordpress player will play the video. We want that students should be able to set the video quality depending on their internet speed. This can be easily done by using the vimeo player inside the course units. Can u show the exact method as to how to do the same ? The vimeo embedding in the unit videos wont take in <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/xxxxx?h=03886aac55&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="xxxxxx"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> code for embedding.

[Veronica]

see you need to embed the code from here http://prntscr.com/1ttckzu http://prntscr.com/1ttcnz5 then select the html element from here http://prntscr.com/1ttcoxs and then add embed video code in [iframevideo] your embed code here [/iframevideo] like this:

[iframevideo] <iframe src="https://player.vimeo.com/video/606547650?h=d39ac84b38" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/606547650">SEAWATCH - Human rights are #non-negotiable</a> from <a href="https://vimeo.com/stefaniesoho">Stefanie Soho</a> on <a href="https://vimeo.com">Vimeo</a>.</p> [/iframevideo]

will show like: http://prntscr.com/1ttcwd4 with all the controls

[Electrovertlabs]

Thanks for the detailed instructions. Got the vimeo player in the units. BUT https://snipboard.io/KVWs1h.jpg , the next unit button is being shown before the video of the current unit.

[Veronica]

hi on local, it is working fine http://prntscr.com/1txpbir please let us know the exact unit and course so we can check this on your site

[Electrovertlabs]

This reply has been marked as private.

[Electrovertlabs]

This reply has been marked as private.

[Veronica]

for now, I am unable to see even the login here http://prntscr.com/1u36a8v I would like to request you deactivate all the third-party plugins especially cache and optimization you can enable service workers for better performance https://www.youtube.com/watch?v=lLDs4Ue1vzU

[Electrovertlabs]

This reply has been marked as private.

[Electrovertlabs]

This reply has been marked as private.

[Anshuman Sahu]

This reply has been marked as private.

[Electrovertlabs]

Thanks Alex. We have received wonderful support from the whole team on our issues. Also Thanks to Veronica and Ada for their assistance. The Vimeo embedding problem still exists where the button for the next unit is show on top of the existing unit video

[Anshuman Sahu]

We need to check your course content how you added the video : this custom css is causing the video to be appearing before the next unit button : https://prnt.sc/1ur9hri to compensate this please try adding this custom css in your wp-admin -> appearance -> customize -> custom css ::

.vibe_editor_shortcode iframe {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    aspect-ratio: 16/9;
    min-height: 589px !important;
}

[Electrovertlabs]

Thanks , you may now close the topic

[Veronica]

great

[Author]

Posts