I'm trying to embed a simple video webcam view - https://www.mangocam.com/c/AlresfordGolfClub1st/ - which checks out on your frame checking page. No matter how much I play with the width, height, and ratio parameters I can't get it to behave in a responsive manner.
Ideally, I'd like the whole frame displayed so that the content is reduced to fit the width of whatever browser window is being used.
I found that lazy load stopped anything being displayed, so have ended up with:
[advanced_iframe use_shortcode_attributes_only="true" src="https://www.mangocam.com/c/AlresfordGolfClub1st/" height="660" width="100%" content_styles="width:100%" enable_responsive_iframe="true" allowfullscreen="true"]
Unfortunately the content is not responsive, I just get scroll bars.
Maybe I've not set something in the many preferences this plugin has, I am finding it very complicated and my brain is a bit frazzled...
Any idea how I can move forward with this?
Thanks
Hi,
I do not see any video. Only "Please wait...."
As you say the video page is not responsive please check this:
So you cut out the area you like and then it is zoomed to he size of the browser.
content_styles="width:100%" alone is not a valid configuration.
Best regards, Michael
Hi Michael - sorry about the "Please wait...", the camera link occasionally freezes and Mangocam then disables the particular camera due to too many errors.
Following your advice, I now have it zooming and am delighted:
https://www.alresfordgolf.co.uk/course/webcam/
I ended up with this shortcode:
[advanced_iframe securitykey="your key" use_shortcode_attributes_only="true" src="https://www.mangocam.com/c/AlresfordGolfClub1st/" id="advanced_iframe" height="680" width="820" show_part_of_iframe="true" show_part_of_iframe_x="1" id="example40" show_part_of_iframe_y="1" show_part_of_iframe_width="800" show_part_of_iframe_height="660" show_part_of_iframe_zoom = "full"]
Possibly some of that is superfluous, but it works.
Thanks a lot for your help!
Regards - Clicker
