I'm testing how to embed videos at my staging website that fit the screen... You should also know I restrict my vimeo videos to only be visible on my website.
SO I created a test course, added a unit and I added the url of the staging website. I embedded the url/id to the text unit. I can see the video in the preview, BUT not when I follow the course as a student.
Yes, me too. I'm able to embed a video and see it as well.
Question remains: How can I edit the frame size of ALL my videos? With elementor? Is it a setting? Custom css? Because I want it to fit the screen so it should be 80% of what it is now, approximately.
Make sure the url you embed has the vimeo.com and youtube.com which is used to identify correct URL embeds. Can you share the vimeo url with us which is not working ?
Also, when I add title. It also adds the title as an html part and I see the title underneath the video. I have to go back to manage course and delete that bit. See here: http://somup.com/c3XhqCv5kW
Back to the ticket: How can I make my embedded Vimeo video a bit smaller (see video: http://somup.com/c3XhqCv5kW)
Yes, I finally did what you said. And it worked. The code as well.
But the frame is smaller, the content of the video is still as big. So now the bottom part of the video is cut off. Still not to my liking of course. Can we not use padding but use percetange for both heigth and width? I want the complete video but smaller not a cut off video..
Hello,
I'm testing how to embed videos at my staging website that fit the screen... You should also know I restrict my vimeo videos to only be visible on my website.
SO I created a test course, added a unit and I added the url of the staging website. I embedded the url/id to the text unit. I can see the video in the preview, BUT not when I follow the course as a student.
How can I get the video visible? Check my video to see the error.
Gijs
Please share your site url and admin creds in private reply
working for me : http://screencast-o-matic.com/watch/c36IILVt50c
Yes, me too. I'm able to embed a video and see it as well.
Question remains: How can I edit the frame size of ALL my videos? With elementor? Is it a setting? Custom css? Because I want it to fit the screen so it should be 80% of what it is now, approximately.
Gijs
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
.video_wrapper .plyr__video-embed, .plyr__video-wrapper--fixed-ratio{
padding-bottom: 40.25%;
}
in which course please share
For example: https://env-meestergijs-premium.kinsta.cloud/item/present-simple/#component=course
HI im sorry these are embedded using vimeo code which we cannot customize .
We must be able to make the video frame smaller, right? Multimedia, text, elementor unit. There isn't one that allows that to happen?
Hi yes if you add video unit type then we would be able to make it smaller but that unit contains vimeo iframe which we cannot control.
So how should I embed the vimeo video to have influence on size?
this is how you can add : https://somup.com/c36OiLvumA
My question remains: How can I make the video size SMALLER? How can I make the frame smaller?
You said: "if you add video unit type then we would be able to make it smaller". I would like to know how..
Thanks
for that we have to provide css :
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 40.25%;
}
Adding that code didn't make the embedded video smaller and didn't fit inside my device's screen/monitor.
did you add that video using this : https://somup.com/c36OiLvumA
if yes then please share the unit name and course name ,
It's not working (was yesterday and yes, I do it like that): http://somup.com/c36U27vyJW
Make sure the url you embed has the vimeo.com and youtube.com which is used to identify correct URL embeds. Can you share the vimeo url with us which is not working ?
Dear Ripul,
I wanted to show you how I did it, but see here: I can't add url. Why? How come?
Gijs
you are adding wrong link .
you are adding embed link which you are not supposed to add .
We just need vimeo.com/{video-id} then it will work
That worked! Thanks.
Also, when I add title. It also adds the title as an html part and I see the title underneath the video. I have to go back to manage course and delete that bit. See here: http://somup.com/c3XhqCv5kW
Back to the ticket: How can I make my embedded Vimeo video a bit smaller (see video: http://somup.com/c3XhqCv5kW)
yes htis is an issue right now . https://trello.com/c/2fN8YRS2
Ok, I'll wait for that when it's fixed.
Back to the ticket: How can I make my embedded Vimeo video a bit smaller? See video: http://somup.com/c3XhqCv5kW
now this css will work to make video smaller :
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 40.25%;
}
that unit again is not built using our video unit .
that is old unit having iframe .
did you add that video using this : https://somup.com/c36OiLvumA
Yes, I finally did what you said. And it worked. The code as well.
But the frame is smaller, the content of the video is still as big. So now the bottom part of the video is cut off. Still not to my liking of course. Can we not use padding but use percetange for both heigth and width? I want the complete video but smaller not a cut off video..
we are basically adjusting the height of each device which is practically impossible .
still we will try but not promising that this will work :
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 60vh;
}
Unfortunatelly that didn't work either.
We can close. I'll try to lower width and heigth within the embedded code..