{"id":1979,"date":"2010-08-26T18:51:56","date_gmt":"2010-08-26T18:51:56","guid":{"rendered":"http:\/\/www.markwilson.co.uk\/blog\/?p=1979"},"modified":"2010-08-26T18:51:56","modified_gmt":"2010-08-26T18:51:56","slug":"more-on-implementing-twitters-tweet-button","status":"publish","type":"post","link":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm","title":{"rendered":"More on implementing Twitter&#8217;s Tweet button"},"content":{"rendered":"<p>A week or so back, I wrote about <a href=\"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/adding-a-tweet-button-to-a-self-hosted-wordpress-blog.htm\">putting a Tweet button onto a self-hosted WordPress blog<\/a>. The method I used was fine &#8211; it works &#8211; but I was struggling to place the button within my page (I knew where to put it in my code but it seemed to display in the wrong place sometimes, as a result of some of the floats that the stylesheet applies).<\/p>\n<p>That&#8217;s when I called in my buddy <a href=\"http:\/\/www.alexcoles.com\/\">Alex<\/a>: XHTML and CSS wizard; and fixer of many things on this site.<\/p>\n<p>He spotted that, even though <a href=\"http:\/\/dev.twitter.com\/pages\/tweet-button\">Twitter gives us three options for implementing the Tweet button: JavaScript, IFrame, and roll your own<\/a>, the <a href=\"http:\/\/platform.twitter.com\/widgets.js\">JavaScript implementation<\/a> also uses an IFrame.<\/p>\n<p>The trouble with this is that IFrames are bad.  Well, not really bad, but certainly deprecated for Strict HTML and XHTML, and certainly not the direction I want to be heading in for a compliant site. Ideally, I would find another way around the issue but rolling my own Tweet button doesn&#8217;t look great) and Twitter&#8217;s implementation uses several images in one file, just showing the appropriate section of the image.  I could use this, with image replacement techniques for hover and click (which is what Twitter do) but, to be honest, that was a little out of my league, so IFrames it is&#8230;<\/p>\n<p>Alex helped me style up the button &#8211; if you want to do something similar, this was the CSS that he used:<\/p>\n<p><dirtycode:noclick>p.social-media {margin-top: -15px;}<br \/>\niframe.twitter-share-button {float: left; margin-right: 1em;}<\/dirtycode><\/p>\n<p>Together with adding <code>class=\"social-media\"<\/code> to the <code><\/p>\n<p><\/code> tag in the code to display the tweet button so that it now reads:<\/p>\n<p><dirtycode:noclick><\/p>\n<p class=\"social-media\"><a href=\"http:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"<?php the_permalink(); ?>&#8221; data-text=&#8221;<?php the_title(); ?>&#8221; data-count=&#8221;none&#8221; data-via=&#8221;markwilsonit&#8221;>Tweet<\/a><script type=\"text\/javascript\" src=\"http:\/\/platform.twitter.com\/widgets.js\"><\/script><\/p>\n<p><\/dirtycode><\/p>\n<p>When I asked him how this works, he explained that the class on the <code><\/p>\n<p><\/code> is just to close up the top margin; the real magic is floating just the Tweet button (which cured the CSS float issues that had been frustrating me).<\/p>\n<p>Of course, there may be plugins to display buttons like Tweet, Facebook Share\/Like, etc. but when something only takes a couple of lines of code, I&#8217;d rather implement it natively than add to the list of plugins running on my WordPress installation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A week or so back, I wrote about putting a Tweet button onto a self-hosted WordPress blog. The method I used was fine &#8211; it works &#8211; but I was struggling to place the button within my page (I knew where to put it in my code but it seemed to display in the wrong &hellip; <a href=\"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">More on implementing Twitter&#8217;s Tweet button<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[],"tags":[157,15],"class_list":["post-1979","post","type-post","status-publish","format-standard","hentry","tag-social-networking","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>More on implementing Twitter&#039;s Tweet button - markwilson.it<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"More on implementing Twitter&#039;s Tweet button - markwilson.it\" \/>\n<meta property=\"og:description\" content=\"A week or so back, I wrote about putting a Tweet button onto a self-hosted WordPress blog. The method I used was fine &#8211; it works &#8211; but I was struggling to place the button within my page (I knew where to put it in my code but it seemed to display in the wrong &hellip; Continue reading More on implementing Twitter&#8217;s Tweet button\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm\" \/>\n<meta property=\"og:site_name\" content=\"markwilson.it\" \/>\n<meta property=\"article:published_time\" content=\"2010-08-26T18:51:56+00:00\" \/>\n<meta name=\"author\" content=\"Mark Wilson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@markwilsonit\" \/>\n<meta name=\"twitter:site\" content=\"@markwilsonit\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Wilson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm\"},\"author\":{\"name\":\"Mark Wilson\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"headline\":\"More on implementing Twitter&#8217;s Tweet button\",\"datePublished\":\"2010-08-26T18:51:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm\"},\"wordCount\":283,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"keywords\":[\"Social Networking\",\"WordPress\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm\",\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm\",\"name\":\"More on implementing Twitter's Tweet button - markwilson.it\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#website\"},\"datePublished\":\"2010-08-26T18:51:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2010\\\/08\\\/more-on-implementing-twitters-tweet-button.htm#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"More on implementing Twitter&#8217;s Tweet button\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/\",\"name\":\"markwilson.it\",\"description\":\"get-info -class technology | write-output &gt; \\\/dev\\\/web\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\",\"name\":\"Mark Wilson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"width\":800,\"height\":800,\"caption\":\"Mark Wilson\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\"},\"description\":\"A Chartered IT Professional, with recent experience in technology leadership, IT strategy and practice management roles, Mark Wilson is an Enterprise Architect in the Advisory and Management Group at risual. During a career spanning more than two decades, Mark has gained widespread recognition as an expert in his field including both industry and national press exposure. In addition to certifications from Microsoft, VMware, Red Hat, The Open Group and Axelos, Mark held a Microsoft Most Valuable Professional (MVP) award for three years and is now part of the MVP Reconnect programme. Mark is also well-known on social media and maintains an award-winning blog.\",\"sameAs\":[\"http:\\\/\\\/www.markwilson.co.uk\\\/\",\"https:\\\/\\\/www.instagram.com\\\/markwilsonuk\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/markawilson\\\/\",\"https:\\\/\\\/x.com\\\/markwilsonit\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCWHlZCoHRTocdvtrOJ2IL4A\"],\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/author\\\/mark-wilson\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"More on implementing Twitter's Tweet button - markwilson.it","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm","og_locale":"en_GB","og_type":"article","og_title":"More on implementing Twitter's Tweet button - markwilson.it","og_description":"A week or so back, I wrote about putting a Tweet button onto a self-hosted WordPress blog. The method I used was fine &#8211; it works &#8211; but I was struggling to place the button within my page (I knew where to put it in my code but it seemed to display in the wrong &hellip; Continue reading More on implementing Twitter&#8217;s Tweet button","og_url":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm","og_site_name":"markwilson.it","article_published_time":"2010-08-26T18:51:56+00:00","author":"Mark Wilson","twitter_card":"summary_large_image","twitter_creator":"@markwilsonit","twitter_site":"@markwilsonit","twitter_misc":{"Written by":"Mark Wilson","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm#article","isPartOf":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm"},"author":{"name":"Mark Wilson","@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"headline":"More on implementing Twitter&#8217;s Tweet button","datePublished":"2010-08-26T18:51:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm"},"wordCount":283,"commentCount":0,"publisher":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"keywords":["Social Networking","WordPress"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm","url":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm","name":"More on implementing Twitter's Tweet button - markwilson.it","isPartOf":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#website"},"datePublished":"2010-08-26T18:51:56+00:00","breadcrumb":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/more-on-implementing-twitters-tweet-button.htm#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markwilson.co.uk\/blog"},{"@type":"ListItem","position":2,"name":"More on implementing Twitter&#8217;s Tweet button"}]},{"@type":"WebSite","@id":"https:\/\/www.markwilson.co.uk\/blog\/#website","url":"https:\/\/www.markwilson.co.uk\/blog\/","name":"markwilson.it","description":"get-info -class technology | write-output &gt; \/dev\/web","publisher":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markwilson.co.uk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468","name":"Mark Wilson","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","url":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","width":800,"height":800,"caption":"Mark Wilson"},"logo":{"@id":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1"},"description":"A Chartered IT Professional, with recent experience in technology leadership, IT strategy and practice management roles, Mark Wilson is an Enterprise Architect in the Advisory and Management Group at risual. During a career spanning more than two decades, Mark has gained widespread recognition as an expert in his field including both industry and national press exposure. In addition to certifications from Microsoft, VMware, Red Hat, The Open Group and Axelos, Mark held a Microsoft Most Valuable Professional (MVP) award for three years and is now part of the MVP Reconnect programme. Mark is also well-known on social media and maintains an award-winning blog.","sameAs":["http:\/\/www.markwilson.co.uk\/","https:\/\/www.instagram.com\/markwilsonuk\/","https:\/\/www.linkedin.com\/in\/markawilson\/","https:\/\/x.com\/markwilsonit","https:\/\/www.youtube.com\/channel\/UCWHlZCoHRTocdvtrOJ2IL4A"],"url":"https:\/\/www.markwilson.co.uk\/blog\/author\/mark-wilson"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":2024,"url":"https:\/\/www.markwilson.co.uk\/blog\/2010\/09\/adding-a-facebook-share-or-like-button-to-a-self-hosted-wordpress-blog.htm","url_meta":{"origin":1979,"position":0},"title":"Adding a Facebook Share (or Like) button to a self-hosted WordPress blog","author":"Mark Wilson","date":"Thursday 9 September 2010","format":false,"excerpt":"A few weeks ago, I wrote about adding a Tweet button to a self-hosted WordPress blog, and followed up by writing about using a little CSS trickery to align the Tweet button\u00c2\u00a0(thanks to Alex Coles).\u00c2\u00a0 Whilst I was implementing the Tweet Button, I also went about putting a Facebook Share\u2026","rel":"","context":"In \"Social Networking\"","block_context":{"text":"Social Networking","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/social-networking"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":778,"url":"https:\/\/www.markwilson.co.uk\/blog\/2007\/04\/the-elements-of-meaningful-xhtml.htm","url_meta":{"origin":1979,"position":1},"title":"The elements of meaningful XHTML","author":"Mark Wilson","date":"Wednesday 25 April 2007","format":false,"excerpt":"I'm really trying to use good, semantic, XHTML and CSS on this website but sometimes it's hard work. Even so, the validation tools that I've used have helped me to increase my XHTML knowledge and most things can be tweaked - I'm really pleased that this page current validates as\u2026","rel":"","context":"In \"Useful Websites\"","block_context":{"text":"Useful Websites","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/useful-websites"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":777,"url":"https:\/\/www.markwilson.co.uk\/blog\/2007\/04\/modifying-wp-mobile-to-create-content-that-validates-as-xhtml-mp.htm","url_meta":{"origin":1979,"position":2},"title":"Modifying wp-mobile to create content that validates as XHTML-MP","author":"Mark Wilson","date":"Tuesday 24 April 2007","format":false,"excerpt":"Yesterday, I wrote a post about using Alex King's WordPress Mobile Edition plugin (wp-mobile) to generate WordPress content formatted for the mobile web. wp-mobile makes the code generation seamless; however I did have a few issues when I came to validating the output at the ready.mobi site. After a few\u2026","rel":"","context":"In \"Mobility\"","block_context":{"text":"Mobility","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/mobility"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1972,"url":"https:\/\/www.markwilson.co.uk\/blog\/2010\/08\/adding-a-tweet-button-to-a-self-hosted-wordpress-blog.htm","url_meta":{"origin":1979,"position":3},"title":"Adding a Tweet button to a self-hosted WordPress blog","author":"Mark Wilson","date":"Friday 13 August 2010","format":false,"excerpt":"Yesterday, Twitter launched their official button for websites and keen-eyed observers will have noticed that markwilson.it now sports a shiny new \"tweet\" icon at the head of each post.\u00c2\u00a0 It's pretty easy to do (Twitter generates the code for you - and has an FAQ for developers) but there may\u2026","rel":"","context":"In \"Social Networking\"","block_context":{"text":"Social Networking","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/social-networking"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":739,"url":"https:\/\/www.markwilson.co.uk\/blog\/2008\/02\/website-development-tips-and-tricks.htm","url_meta":{"origin":1979,"position":4},"title":"Website development tips and tricks","author":"Mark Wilson","date":"Monday 11 February 2008","format":false,"excerpt":"About a year ago, I started the redevelopment of this site to use WordPress as my CMS, in the process aiming to make the site XHTML and CSS standards-compliant. It was a big job and, as this blog is really just a hobby that I put most of my spare\u2026","rel":"","context":"In \"Website Development\"","block_context":{"text":"Website Development","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/website-development"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":694,"url":"https:\/\/www.markwilson.co.uk\/blog\/2007\/02\/embedding-video-content-in-xhtml.htm","url_meta":{"origin":1979,"position":5},"title":"Embedding video content in (X)HTML","author":"Mark Wilson","date":"Thursday 8 February 2007","format":false,"excerpt":"Yesterday's Mac vs. PC post should have been straightforward, except that it contained three video clips, each of which I wanted to embed in a standards-compliant way whilst maintaining maximum browser compatibility (i.e. ignoring the official advice from Adobe on embedding Flash content and Apple's advice for embedding QuickTime content\u2026","rel":"","context":"In \"Adobe Flash\"","block_context":{"text":"Adobe Flash","link":"https:\/\/www.markwilson.co.uk\/blog\/tag\/flash"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=1979"}],"version-history":[{"count":4,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1979\/revisions"}],"predecessor-version":[{"id":1997,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1979\/revisions\/1997"}],"wp:attachment":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=1979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=1979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=1979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}