Plugin Author
Brecht
(@brechtvds)
What’s the exact embed code you’re adding? Do you have any other video related plugins active or does your theme include any video feature?
The attributes for the shortcode are basically what you find through the UI in the Template Editor: https://help.bootstrapped.ventures/article/53-template-editor
Once you have it set up the way you want you can find the shortcode under “Edit HTML”.
Hi,
Thank you for your reply.
In UI of WPRM Recipe block, under ‘Video’ I added the URL to my youtube video.
I also tried to put it outside of WPRM Recipe block by using the shortcode
[wprm-recipe-video src=”the url”]
I don’t have any video related plugins. I use Rank Math for SEO. I currently have the free version of Kale as my theme and i think it does not include any video feature other than being responsive.
Thank you.
Plugin Author
Brecht
(@brechtvds)
It’s most likely some kind of compatibility problem.
Try disabling all other plugins for a second and see if it works then.
If not, try switching to a default theme (like Twenty Seventeen) and check again.
An easy way to do these tests without interrupting your visitors is using the “Troubleshoot Mode” in the Health Check plugin: https://ww.wp.xz.cn/plugins/health-check/
There’s some more information about how to use that over here:
https://make.ww.wp.xz.cn/support/handbook/appendix/troubleshooting-using-the-health-check/#troubleshooting
I’ve been having the exact same problem posting my Youtube videos in the recipe plugin. I tried to deactivate some other plugins, but that didn’t work. I also changed the theme, but then the video sizing wasn’t accurate.
I’m also using the same Kale theme, and the video was showing up in previews, but not on the live site.
When I played around with some of the CSS I figured out a solution.
Add the following code to your theme’s Additional CSS under the Customize panel:
.embedded:before, .iframe-video:before, .embed-youtube:before, .embed-vimeo:before {
content:none;
}
The default code in the plugin had it set to content:””; which I think was interfering with the display of the YouTube video. The video was there, just “hidden”.
Another workaround is adjusting the height of the span.embed-youtube to 100% (but that left extra space around the video, so that’s why my first fix seemed to be best fit).
@blaquecat81
Thank you so much for that! It worked! That’s genius!
