Return to previous page

Embedding Youtube videos with full iframe settings

This topic has 4 replies, 3 voices, and was last updated 6 years, 3 months ago ago by Olga Barlow

conorob

Participant

September 12, 2018 at 11:01

Hi,

I am trying to embed some Youtube videos on pages with the Royal Theme. I would like to stop the videos from displaying the next Youtube video when it has finished playing.

The Youtube embed code allows you to turn off the next video feature. However, the WPbakery video player will only allow you to input the address of the Youtube video. So the iframe code used for turning off the next video feature cannot be used.

I tried to get around this by putting the full Youtube iframe code into the WPBakery text block. This worked fine, but the iframe code forces a specific width and height on the video. I would like the video to be the same width as the WPbakery column into which it has been inserted.

I tried changing the width and height settings in the iframe to width=”100%” height=”100%”. This made the video the correct width, but the height of the video is cropped to about a 5th of its correct height.

Would you know if there’s a way that I can insert the full Youtube iframe settings into my Royal WPbakery page, while also allowing the video to have a responsive width that alos displays the correct height?

Any advice would be greatly appreciated.

Thanks,

Conor

#199355 Copied

3 Answers

Rose Tyler

Support staff

September 13, 2018 at 08:54

Hello,

Could you please provide us with your site URL and temporary wp-admin access in the Private Content area?

Regards

#199400 Copied

conorob

Participant

September 13, 2018 at 15:33

Hi,

Here is what we are trying to change:

In this page the video at the end was inserted using the WPBakery videoplayer element. The WPBakery videoplayer element only allows you to input the Youtube video address. It doesn’t allow you to put in the full Youtube embed code. As a result it’s not possible to turn off the suggested next video feature that appears at the end of the video:
https://www.gillopticians.ie/mykita/

In this alternative version of the page, instead of using the WPBakery videoplayer I used the WPBakery text block. This allowed me to input the full YouTube embed code which turns off the next video feature. The problem with this, is that it forces the video to be a specific width and height. In order to make the video the same width as the column it is in, I set it to width=”100%” height=”100%”, but this causes the height of the video to collapse:
https://www.gillopticians.ie/eyewear_mykita_alt/

Would you know a way of making the video be 100% width but have its height be in the correct proportions?

I have put the login details into the Private content part of the post.

Thanks,

Conor

Please, contact administrator
for this information.

#199431 Copied Theme version: Royal Theme

Olga Barlow

Support staff

September 13, 2018 at 17:02

Hello,

You can try Revolution Slider and Hero scene tyle to create only 1 slide http://prntscr.com/ku13kd and then add the video layer with the necessary settings https://gyazo.com/b2d21f3dd5a9ccd2c2c5f2ab403ecbde

Regards

#199437 Copied
Viewing 4 results - 1 through 4 (of 4 total)