size of embedded youtube movie

This topic has 7 replies, 2 voices, and was last updated 6 years, 4 months ago by Skandha.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
August 3, 2018 at 9:01 pm #150943

Sumiko Miida
Participant

Hi,

I embedded youtube movie to my site (https://vectology.jp/products/waqg/). The movie size was fixed with belowing code, but it appears as full-size.

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/thUvFDLwDAc” frameborder=”0″ allow=”autoplay; encrypted-media” allowfullscreen></iframe>

Could you let me know how I can fix this issue?

Thank you,
Sumiko

August 4, 2018 at 10:36 am #150981
Skandha
Participant
@sumiko: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#fitvid30677 {
     width:560px;
}
```
Let me know if this works out!
Kind Regards,
Skandha
August 4, 2018 at 9:56 pm #150998

Sumiko Miida
Participant

Hi Skandha-san,

Thank you for your advice. I added the code but it doesn’t work…

Sumiko

August 4, 2018 at 11:58 pm #151004
Skandha
Participant
@sumiko: Please replace previous CSS Code with following Code.
```
.fluid-width-video-wrapper {
    width:560px !important;
}
```
You can change the width according to your requirement.

Let me know if this works out!
Kind Regards,
Skandha
August 5, 2018 at 12:45 am #151005

Sumiko Miida
Participant

Hi Skahdha-san,

Thank you for your prompt feedback!
I replaced code but it appears just a part of video (https://vectology.jp/products/waqg/). I tried to change size with belowing SCC.

.fluid-width-video-wrapper {
width:560px; height:315px !important;
}

Then the video appears full-size as same with original issue…

Sumiko

August 6, 2018 at 2:38 am #151064
Skandha
Participant
@sumiko: You seem to have removed the video from the page.
The following CSS Code should have solved the issue.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.entry-content p {
    width:560px;
}
```
Let me know if this works out!
Kind Regards,
Skandha
August 13, 2018 at 9:44 pm #151593

Sumiko Miida
Participant

Hi Skandha-san

Thank you for your advice & so sorry my feedback delayed. Although using the code, the issue didn’t be fixed..
So I tried some ways and finally it was fixed yesterday. I used shortcode to set 1/2 column and contained Youtube embeded code in it.
I am not sure why this issue came up but any additional css may influence it.

Anyway now it was all cleared! I really appreciate your kindly help!!
Thank you,

Sumiko

August 14, 2018 at 3:43 am #151623

Skandha
Participant

@sumiko: Glad you were able to solve the issue. Have a good day!

Kind Regards,
Skandha
Author

Posts