Notifications
Clear all

Video [Solved] How do I change the size of embedded videos with code ?

10 Posts
3 Users
2 Likes
1,664 Views
Posts: 88
Topic starter
(@joselito)
Estimable Member
Joined: 2 years ago

How do I change the size of embedded videos with code [video src="" /] ?

They look almost OK on mobile but too big on PC.

https://lingeriepicsforum.com/tiktok-girls-forum/tthots-tiktok-thots-videos/

9 Replies
Chris
Posts: 3650
(@chris)
Famed Member
Joined: 3 years ago

Hi @joselito,

You can use CSS for PC and CSS @media Rule for smartphones. To resize the Embed videos size.

6 Replies
(@joselito)
Joined: 2 years ago

Estimable Member
Posts: 88

@chris Tried different things and can't change it.

(@joselito)
Joined: 2 years ago

Estimable Member
Posts: 88

Posted by: @chris

Hi @joselito,

You can use CSS for PC and CSS @media Rule for smartphones. To resize the Embed videos size.

Should I change the theme CSS or the Wpforo CSS?

 

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@joselito,

Try this CSS, Add it in Custom CSS field:

.wpf-right .wpforo-post-content .wp-video .wp-video-shortcode  {
    height: 550px !important;
    width: 314px !important;
}
.wpf-right .wpforo-post-content .wp-video {
    display:inline-block;
}
(@joselito)
Joined: 2 years ago

Estimable Member
Posts: 88

@chris Thanks for the effort but it doesn't work, so strange. 😑 😑 

 

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@joselito,

I checked your forum, and couldn't find the new CSS's.

(@joselito)
Joined: 2 years ago

Estimable Member
Posts: 88

@chris 

I've put the code in the wordpress additional CSS and now it works.

Thanks Chris, you are the best. 🤠 

Posts: 11
(@tergaros)
Active Member
Joined: 3 years ago

I usually put 100% video width on my blog via html code. But because of this method, you can set any width that works for your forum or site. You just need to click share TikTok video via "Embed" then edit the width in the code.

 

1 Reply
(@joselito)
Joined: 2 years ago

Estimable Member
Posts: 88

Posted by: @tergaros

I usually put 100% video width on my blog via html code. But because of this method, you can set any width that works for your forum or site. You just need to click share TikTok video via "Embed" then edit the width in the code.

 

The vids aren't embedded from tiktok.