{"id":4174,"date":"2009-09-20T14:05:48","date_gmt":"2009-09-20T21:05:48","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=4174"},"modified":"2009-09-20T14:05:48","modified_gmt":"2009-09-20T21:05:48","slug":"embedding-windows-media","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/snippets\/html\/embedding-windows-media\/","title":{"rendered":"Embedding Windows Media"},"content":{"rendered":"

Valid technique, as it doesn’t need the <embed> tag.<\/p>\n

<object type=\"video\/x-ms-wmv\" \r\n  data=\"movie.wmv\" \r\n  width=\"320\" height=\"260\">\r\n  <param name=\"src\" \r\n    value=\"movie.wmv\" \/>\r\n  <param name=\"autostart\" value=\"true\" \/>\r\n  <param name=\"controller\" value=\"true\" \/>\r\n<\/object><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"

Valid technique, as it doesn’t need the <embed> tag. <object type=”video\/x-ms-wmv” data=”movie.wmv” width=”320″ height=”260″> <param name=”src” value=”movie.wmv” \/> <param name=”autostart” value=”true” \/> <param name=”controller” value=”true” \/> <\/object><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":3231,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-snippet.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":4167,"url":"https:\/\/css-tricks.com\/snippets\/html\/embedding-flash\/","url_meta":{"origin":4174,"position":0},"title":"Embedding Flash","date":"October 21, 2009","format":false,"excerpt":"This is different than the default code that Flash provides. That typically involves the tag and is not valid XHTML. This doesn't use that, and is fully valid.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14047,"url":"https:\/\/css-tricks.com\/almanac\/properties\/d\/direction\/","url_meta":{"origin":4174,"position":1},"title":"direction","date":"September 5, 2011","format":false,"excerpt":"The direction property in CSS sets the direction of of content flow within a block-level element. This applies to text, inline, and inline-block elements. It also sets the default alignment of text and the direction that table cells flow within a table row. .main-content { direction: rtl; \/* Right to\u2026","rel":"","context":"With 14 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3381,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/make-entire-div-clickable\/","url_meta":{"origin":4174,"position":2},"title":"Make Entire Div Clickable","date":"August 11, 2009","format":false,"excerpt":"Update November 2020: I think the best possible technique for this is Method 4 in this article. The

(or whatever wrapper element) remains semantic and accessible, while being \"clickable\" over the whole area. It doesn't break text selection and respects other \"nested\" interactive elements. This is perfectly valid HTML:\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14081,"url":"https:\/\/css-tricks.com\/almanac\/properties\/o\/overflow\/","url_meta":{"origin":4174,"position":3},"title":"overflow","date":"September 5, 2011","format":false,"excerpt":"The overflow property controls what happens to content that breaks outside of its bounds: imagine a div in which you've explicitly set to be 200px wide, but contains an image that is 300px wide. That image will stick out of the div and be visible by default. Whereas if you\u2026","rel":"","context":"In \"overflow\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/02\/overflow-visible.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18228,"url":"https:\/\/css-tricks.com\/lodge\/v10\/029-integrating-fitvids-js\/","url_meta":{"origin":4174,"position":4},"title":"#029: Integrating FitVids.js","date":"September 12, 2012","format":false,"excerpt":"Images aren't the only media that need to play nice within our flexible grid. And images were easy compared to video! When you set the width of an and override its height value to auto, the image will naturally retain its aspect ratio. This is also true of , but\u2026","rel":"","context":"With 10 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20517,"url":"https:\/\/css-tricks.com\/almanac\/properties\/u\/unicode-bidi\/","url_meta":{"origin":4174,"position":5},"title":"unicode-bidi","date":"March 12, 2013","format":false,"excerpt":"The unicode-bidi property is one of two CSS properties that handle the rendering of bi-directional text in HTML and similar markup-based languages (eg XML). The other property is direction, and the two are used together to create levels of embedded text with different text directions (right-to-left and left-to-right) in a\u2026","rel":"","context":"With 2 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4174"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=4174"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4174\/revisions"}],"predecessor-version":[{"id":4175,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4174\/revisions\/4175"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/3231"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=4174"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=4174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}