Trouble Embedding Video Content

Request Type: 
General Assistance
Forums: 
YaleSites Prebuilt Features
Author: 
Meghan Murphy
Issue/Request: 

Hello!

I can’t seem to embed video into a webpage. Every time I insert the link, it simply shows a yellow box instead of the video thumbnail, and nothing shows up once I hit “save”. I’m trying a link from YouTube. I tried uploading the file itself, but it wouldn’t upload because it is not the correct file format. Any ideas?

Thanks!

Meghan

Marwa Khaboor on March 1, 2016:

Hi Meghan,

I am glad to help you with your issue, can you provide me with access to your site my netid mk858.

Thanks,

Meghan Murphy on March 1, 2016:

All set!

Thanks,

Meghan

Marwa Khaboor on March 1, 2016:

Thank you, can you please send the video link for me.

Meghan Murphy on March 1, 2016:

Here you go: https://youtu.be/q5EWTDn8Dyg

Marwa Khaboor on March 1, 2016:

I embedded the video for you in the bottom of the page, you can change the location.

Meghan Murphy on March 1, 2016:

Thank you!

How did you do it? And is there a way to change the thumbnail and size?

Meghan

Marwa Khaboor on March 1, 2016:

You are very welcome, I just refreshed your site and embedded the full Video path. The video size it’s just embedding one thumbnail size.

Meghan Murphy on March 1, 2016:

Is there a way to make the thumbnail smaller for the sidebar on our homepage?

http://nursing.yale.edu/

Thank you!

Meghan

Marwa Khaboor on March 1, 2016:

There is a way to resize the video by using CSS Injector, try this code and apply it to the home page: 

object {
    width: 230px;
    height: 200px;
}
 
Note: you can change the width and height pixels.
 
Meghan Murphy on March 1, 2016:

Where do I place the code? When I am editing the sidebar?

Marwa Khaboor on March 1, 2016:

You can add this code From Admin toolbar go to *Site Configuration>> CSS injector>> scroll button and click “Create a new rule- Add *Title, copy the code and paste it in the *CSS​ code and from CSS on specific pages: choose Add on only the listed pages then apply it to the <front> pages, uncheck Preprocess CSS then save.

I added the CSS rules for you under name “Home Video Thumbnail”, so now you can edit it and change the width and height pixels.

Meghan Murphy on March 3, 2016:

It looks great now! Thank you for your assistance!

Meghan

Marwa Khaboor on March 3, 2016:

You are very welcome, glad to help.