Video scaling larger than 100% of container width

  • Resolved jerrydrussell

    (@jerrydrussell)


    11 years, 9 months ago

    Fist let me say that I’m loving Gridiculous. the theme is clean and easy to work with, but I have one issue. Youtube videos embedded in the posts are scaling to wider than the containing div in posts (See this post as an example.)

    What section of the code controls this? I need the videos to scale properly before I move any further. All help appreciated!

Viewing 1 replies (of 1 total)
  • Thread Starter jerrydrussell

    (@jerrydrussell)

    Found it. I modified the style.css in the video section to read as follows:

    /* =Videos
-------------------------------------------------------------- */
video {
	position: relative;
	max-width: 100%;
	height: auto;
	}

iframe,
embed,
object {
	max-width: 100%;
        height: auto;
	}

    Video embeds are now properly sized in the containing divs

Viewing 1 replies (of 1 total)
  • The topic ‘Video scaling larger than 100% of container width’ is closed to new replies.

Tags