Search code examples
htmltumblr

Tumblr video size

Please I am using a tumblr theme and the space allowed for a video post on the home page it's the same when I click the permalink. The space it's good for the home page but it's too little for the permalink, so what can I do to set the permanlink video space bigger without changing the video size on the home page ?

Here is the HTML code: Concept Can someone help me?

Solution

  • Include to your theme Fitvid.js on permalink pages.

    A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

    Change size of video changing size of video-wrapper, and FitVid will resize video.

    UPD:

    Step-by-step instruction:

    1. Download source code of Fitvid.js from github;
    2. Upload to Tumblr file hosting with static file uploader and copy(save) the url of uploaded file;
    3. Open Customize page of your blog in new page;
    4. Press 'Edit HTML' button;
    5. Find <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> string;
    6. Paste after it this string: <script type="text/javascript" src="FITVIDURL"></script> - where FITVIDURL is saved url from step #2;
    7. Wrap resulting string from step #6 with this if statement, like this:
      {block:PermalinkPage} STRING from prev. step {/block:PermalinkPage} -- this statement will include this library only on permalink pages;

    Further reading: