Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Center Widget Connector

Paige Tonra November 27, 2019

Hello,

I use confluence as a knowledge and connect that to our customer portal. I use the widget connector to showcase some videos. However, I cannot get the videos to be center in the page. It is set to be center but it always displays on the left hand side in both confluence and the customer portal. How can I center it on the page?

View from Portal:

view frm portal.png

View from Confluence:

view from confluence.png

2 answers

0 votes
Tim Dobbins
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
October 13, 2020

Hi There

I was able to both center the video AND allow fullscreen mode using the widget connector for my vimeo video. Not sure why it works, to be honest, but try the following:


Screenshot 2020-10-13 at 11.47.30.png

Good luck!

0 votes
Shannon S
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
November 28, 2019

Hello Paige,

Thank you for contacting us about this.

The Widget Connector doesn't allow for you to align the content inside of it. I would much more recommend the iFrame macro for this.

For the URL, insert the URL as it is in the embed code from Vimeo. (e.g. https://player.vimeo.com/video/#########  instead of https://vimeo.com/######### ). You can then specify the iFrame size. The default size that Vimeo uses in their embed code is 640x401. You can also align this to middle using the iFrame macro.

Could you give that a try and let me know how that works for you?

Regards,

Shannon

Ketan Pandit
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 28, 2019

Hi this worked for me! I embedded a video from Vimeo. I also want to know how i can give the option of viewing the video is fullscreen mode.

 

Thanks!

Like Shannon S likes this
Shannon S
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
December 2, 2019

Hi Ketan,

Welcome to Atlassian Community! It's nice to meet you.

It's not possible to set the iFrame to load in fullscreen, but the video host provides this as an option. For Vimeo, the button in the bottom right-hand corner should help with that.

Could you try that and let me know if it works?

Regards,

Shannon

Paige Tonra December 2, 2019

The Iframe did allow me to center it, but I am having the same problem as Ketan when I use the Iframe, I cannot make it full screen. There is no option too.

Thanks,

Paige

Shannon S
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
December 3, 2019

@Ketan Pandit and @Paige Tonra,

Full screen mode is a setting controlled by the video host itself, and not something you can do within Confluence natively.

In terms of Vimeo, I discovered that there will be no fullscreen option when embedding a Vimeo hosted video in an iFrame: 

I tested the same for YouTube, and I can confirm that YouTube also disables full screen mode when embedding a video.

In Server, it might be possible to do this with Javascript, but Javascript is blocked on Cloud, so the same workaround would not apply. As a workaround in Cloud, you could include a link to the video directly below the iFrame. 

Let me know if you have any questions about that.

Regards,

Shannon

Paige Tonra December 4, 2019

Now I can't get it to be centered when using iFrame. In order to center it in the iFrame does it need to be defined in the iFrame settings "align" or when in confluence by clicking the back to center button? Thanks for all your help!

iframe.pngScreen Shot 2019-12-04 at 3.49.09 PM.png

Shannon S
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
December 5, 2019

Hi Paige,

My apologies; the align element looks like it actually just aligns in relation to other elements on the page, but not the page itself. So it won't center the iFrame on the page.

I have run some tests, and it appears the best we would be able to do is set the video to the size you want with the macro, and then switch to Fixed Width mode:

 

CleanShot 2019-12-05 at 14.26.26.png

That will cause the video to appear centered on your screen, but not the page itself. It does not appear that you're able to center the iFrame macro itself on the page.

I'm sorry that I'm not able to offer you a better workaround than this, but it looks like even on the old editor this is the closest I was able to get.

Regards,

Shannon

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events