The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Specifying video size in Tumblr video posts
nolita_day
post Jun 18 2010, 11:54 PM
Post #1





Group: Members
Posts: 2
Joined: 18-June 10
Member No.: 12,131



Hi, I'm new. Wondering if anyone could help me figure out how to specify the size I want my videos to be when I make a Tumblr video post. I hope this is the right board to post in...

Anyway, I looked at the video post section this Tumblr guide, and it seems to say that I can only choose among presets: 500, 400, and 250 pixels wide for my videos. I need my video posts to be 392 pixels wide (I know, picky, but idk it bothers me that it doesn't align with the rest of my blog posts).

The Tumblr guide says the same thing about picture sizes for photo posts. But I added a width="392" in the image tag in the photo block of the HTML code for my blog theme, and it worked. I don't know how to put in HTML code so I just took a screenshot of the code for photo posts looks like:
IPB Image

I don't know how to do the same thing for video posts as I would not know where to add something to change the width to something that's not a preset (I tried changing the number in the second line in the div tag but it doesn't work... still posts as 400 pixels wide):
IPB Image

Here's a link to the video post in my blog. Let me know if you need any other information and THANK YOU so much in advance if anyone could help me fix this!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
olumi_day
post Jun 21 2010, 08:53 PM
Post #2





Group: Members
Posts: 1
Joined: 21-June 10
Member No.: 12,152



hey, I had to register for an acct just to help you out... up until 5 minutes ago, I was experiencing the same problem: with the help of this cool tutorial, I found a neat way to work around it... the basic gist of it is that you post the video under text instead:

http://vimeo.com/8066247

and then, you can style it using this line of css:

div.text embed {
width:;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div.text object, div.video embed {
width:;
}
}

If you don't like that method, you can also do this while posting it as a video, but it won't work for vimeo videos:

div.video embed {
width:;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div.video object, div.video embed {
width:;
}
}


hope some of this helps biggrin.gif

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 04:35 AM