CSS to style Embedded videos?

  • I am using the tinyMCE editor to insert youtube videos into my Pages which delivers the following code…

    <object style="width: 425px; height: 350px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="https://www.youtube.com/v/TASNWJZ_p9U" /><embed style="width: 425px; height: 350px;" type="application/x-shockwave-flash" width="425" height="350" src="https://www.youtube.com/v/TASNWJZ_p9U"></embed></object>

    Can I use CSS to automatically apply a background color/padding/border to these videos?

Viewing 2 replies - 1 through 2 (of 2 total)

  • yes, add in style.css definition to object or embed elements, also add !important marker if something will not work. for example:

    embed {
    border: solid 2px red !important;
    }

    remeber that in this way you are not allowed to edit how flash animation looks. (for example play button), only box, where flash will be placed

    Thread Starter lowercase001

    (@lowercase001)

    Thanks for the quick reply. That seems to have unpredictable results…

    If I add…

    embed, object {
	padding: 3px !important;
	border: 1px solid #05c7f6 !important;
	background-color: #02a7cf !important;
}

    A 1px border shows in IE (no padding/background etc) and nothing in Firefox at all?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS to style Embedded videos?’ is closed to new replies.