Quicktime still requires the double-object method to get it done across all browsers. Not super pretty, but it does get the job done. <\/p>\n
<object classid=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\"\r\n codebase=\"http:\/\/www.apple.com\/qtactivex\/qtplugin.cab\"\r\n width=\"200\" height=\"16\">\r\n <param name=\"src\" value=\"movie.mov\" \/>\r\n <param name=\"autoplay\" value=\"true\" \/>\r\n <param name=\"pluginspage\" value=\"http:\/\/www.apple.com\/quicktime\/download\/\" \/>\r\n <param name=\"controller\" value=\"true\" \/>\r\n <!--[if !IE]> <-->\r\n <object data=\"movie.mov\" width=\"200\" height=\"16\" type=\"video\/quicktime\">\r\n <param name=\"pluginurl\" value=\"http:\/\/www.apple.com\/quicktime\/download\/\" \/>\r\n <param name=\"controller\" value=\"true\" \/>\r\n <\/object>\r\n <!--> <![endif]-->\r\n<\/object><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"Quicktime still requires the double-object method to get it done across all browsers. Not super pretty, but it does get the job done. <object classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” codebase=”http:\/\/www.apple.com\/qtactivex\/qtplugin.cab” width=”200″ height=”16″> <param name=”src” value=”movie.mov” \/> <param name=”autoplay” value=”true” \/> <param name=”pluginspage” value=”http:\/\/www.apple.com\/quicktime\/download\/” \/> <param name=”controller” value=”true” \/> <!–[if !IE]> <–> <object data=”movie.mov” width=”200″ height=”16″ type=”video\/quicktime”> <param name=”pluginurl” value=”http:\/\/www.apple.com\/quicktime\/download\/” […]<\/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":185617,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/done-resizing-event\/","url_meta":{"origin":4168,"position":0},"title":"Done Resizing Event","date":"October 6, 2014","format":false,"excerpt":"If you're used to something like jQuery UI resizeable, you get events you can bind to during the resizing, but also at the end of resizing. No such event exists in native JavaScript. You can fake it by setting a timeout to run the code you want to run when\u2026","rel":"","context":"In \"jQuery\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":148806,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/05-dom-ready\/","url_meta":{"origin":4168,"position":1},"title":"#05: All About DOM Ready","date":"September 2, 2013","format":false,"excerpt":"We've talked a good bit about selectors. A jQuery selector like $(\"h1\") will select all elements on the page. But what about... when it doesn't? Here's an example of when that selector would fail: Learning jQuery Hello, World! Will that element be red? Nope. WTF right? The reason it doesn't\u2026","rel":"","context":"With 6 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":179172,"url":"https:\/\/css-tricks.com\/lodge\/svg\/08-using-svg-iframeobjectembed\/","url_meta":{"origin":4168,"position":2},"title":"08: Using SVG: iframe\/object\/embed","date":"August 15, 2014","format":false,"excerpt":"Forgive me if I'm a bit down on these methods. I've never come across a use case where they are definitely the way to go. There was a time when was the only way to use SVG, but those days are over. See the Pen AmEdC by Chris Coyier (@chriscoyier)\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":330863,"url":"https:\/\/css-tricks.com\/video-screencasts\/201-doing-booping\/","url_meta":{"origin":4168,"position":3},"title":"#201: Doing Booping","date":"December 21, 2020","format":false,"excerpt":"Joshua Comeau crowd-coined the term \"boop\" (high five, Adam Kuhn). These are sorta like hover\/focus states, except that they aren't. Your thingies \u2014 things like links, buttons, etc. \u2014 should still have those states. A \"boop\" is a more whimsical effect that runs once when the mouse enters it, finishes\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/boop-thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":344317,"url":"https:\/\/css-tricks.com\/video-screencasts\/206-building-a-data-backed-next-js-site-with-prisma-app-platform\/","url_meta":{"origin":4168,"position":4},"title":"#206: Building a Data-Backed Next.js Site with Prisma & App Platform","date":"July 12, 2021","format":false,"excerpt":"I'm joined by Chris Sev from Digital Ocean to talk about their new App Platform. We're going to use it to build a little website. The site will be blog-like: posts with IDs, titles, content, and the more dynamic bit, \"likes.\" We're going to use some pretty modern tech to\u2026","rel":"","context":"In \"digitalocean\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/07\/app-platform-thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":320800,"url":"https:\/\/css-tricks.com\/video-screencasts\/192-git-tricks-for-getting-yourself-out-of-trouble\/","url_meta":{"origin":4168,"position":5},"title":"#192: Git Tricks for Getting Yourself Out of Trouble","date":"September 14, 2020","format":false,"excerpt":"As amazing as Git is for handling your source code, you can certain git (lol) yourself into trouble. What if you make a change to a file and you want to get rid of the change? What if you just want to get rid of part of the change? What\u2026","rel":"","context":"In \"git\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/git-thumb.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4168"}],"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=4168"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4168\/revisions"}],"predecessor-version":[{"id":4169,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4168\/revisions\/4169"}],"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=4168"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=4168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}