Comments on: Youtube videos within websites on the Safari iPhone http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/ Creative // Technology // Digital // Interactive // Mobile // Advertising Fri, 30 Jul 2010 09:49:12 -0700 http://wordpress.org/?v=2.8.6 hourly 1 By: casio pathfinder http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-365 casio pathfinder Tue, 27 Jul 2010 21:54:10 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-365 <strong>casio pathfinder...</strong> My blog about casio pathfinder... casio pathfinder…

My blog about casio pathfinder…

]]> By: Shane http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-329 Shane Wed, 30 Jun 2010 15:08:09 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-329 Great post, this sorted out my iPhone issues nicely. It doesn't work on the iPad though. The iPad requires the entire object code block to be provided, not just the embed tag. I did try Gustavo's suggestion as validating code is obviously appealing, but the iPad didn't seem to like the lack of an embed tag. My current solution, and it's one I'm not entirely happy with, is the provide only the embed for iphone and ipod, the full object tag for an ipad, and use swfobject for everything else with a default message for non-flash users. This should probably be developed further by wrapping the whole lot in a video tag to support html5 first and foremost, but it'll do for now. Just out of interest, what are your issues with swfobject? It's the standard at my agency too, and I've not yet had trouble with it aside from its lack of support for the mobile version of Safari. Great post, this sorted out my iPhone issues nicely. It doesn’t work on the iPad though.

The iPad requires the entire object code block to be provided, not just the embed tag. I did try Gustavo’s suggestion as validating code is obviously appealing, but the iPad didn’t seem to like the lack of an embed tag.

My current solution, and it’s one I’m not entirely happy with, is the provide only the embed for iphone and ipod, the full object tag for an ipad, and use swfobject for everything else with a default message for non-flash users.

This should probably be developed further by wrapping the whole lot in a video tag to support html5 first and foremost, but it’ll do for now.

Just out of interest, what are your issues with swfobject? It’s the standard at my agency too, and I’ve not yet had trouble with it aside from its lack of support for the mobile version of Safari.

]]> By: Wes http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-207 Wes Thu, 25 Feb 2010 02:24:01 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-207 I was searching Google about this same problem and came across this page. I have a website that redirects to a blogger page. It is a movie review and discussion site so I am heavily relying on embedding YouTube videos when allowed to get trailers. I just discovered the IPhone issue and need a more "for dummies" description of this solution. My use and understanding of HTML and adding things to my site using code is very basic. As described would this solution help me at all on Blogger? I appreciate any help and/or advice. Thanks! I was searching Google about this same problem and came across this page. I have a website that redirects to a blogger page. It is a movie review and discussion site so I am heavily relying on embedding YouTube videos when allowed to get trailers. I just discovered the IPhone issue and need a more “for dummies” description of this solution. My use and understanding of HTML and adding things to my site using code is very basic. As described would this solution help me at all on Blogger? I appreciate any help and/or advice. Thanks!

]]> By: Rich http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-202 Rich Mon, 01 Feb 2010 03:00:49 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-202 Does the iPhone not support the object tag? The embed tag is not standards compliant and the article you linked recommends against using it. Youtube itself provides object HTML, surely if the iPhone replacement hack was designed for Youtube, it would work on the official Youtube HTML code. As I don't own an iPhone I can't test any of this, but is there any reason why you use embed tags in your example? Does the iPhone not support the object tag?

The embed tag is not standards compliant and the article you linked recommends against using it. Youtube itself provides object HTML, surely if the iPhone replacement hack was designed for Youtube, it would work on the official Youtube HTML code. As I don’t own an iPhone I can’t test any of this, but is there any reason why you use embed tags in your example?

]]> By: Richie http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-199 Richie Sun, 03 Jan 2010 18:24:57 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-199 Hi Alexa, glad you like. It's been almost a year since I wrote this and I was kind of hoping the SWFObject would've updated it's codebase to handle the iPhone+YouTube exception but it doesn't seem to be the case yet. My work-around code still looks to be solid so hope it helps. Hi Alexa, glad you like. It’s been almost a year since I wrote this and I was kind of hoping the SWFObject would’ve updated it’s codebase to handle the iPhone+YouTube exception but it doesn’t seem to be the case yet. My work-around code still looks to be solid so hope it helps.

]]> By: Alexa http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-197 Alexa Sun, 03 Jan 2010 09:56:50 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-197 Great article. I've been looking for a way to have my embedded youtubes appear on the iphone. This looks like it would make a great plugin for those of us that aren't so tech savvy. Great article. I’ve been looking for a way to have my embedded youtubes appear on the iphone. This looks like it would make a great plugin for those of us that aren’t so tech savvy.

]]> By: Krista Ranillo http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-190 Krista Ranillo Thu, 19 Nov 2009 10:23:37 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-190 Youtube is my super favorite website. I cant spend a day without watching music videos on Youtube. Youtube is my super favorite website. I cant spend a day without watching music videos on Youtube.

]]> By: Richie http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-189 Richie Wed, 18 Nov 2009 21:42:42 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-189 Hi Gustavo, I appreciate you taking the time to comment. I guess you can't post code in a comment. If you swing back by this way hit me up on Twitter and we'll figure out a way to get me your code so I can add it to the post. Hi Gustavo, I appreciate you taking the time to comment. I guess you can’t post code in a comment. If you swing back by this way hit me up on Twitter and we’ll figure out a way to get me your code so I can add it to the post.

]]> By: Gustavo Neves http://richie-p.com/blog/2009/02/youtube-videos-embed-iphone-safari/comment-page-1/#comment-187 Gustavo Neves Sun, 15 Nov 2009 05:53:44 +0000 http://www.detroitdigitalrevolution.com/clients/me/blog/?p=3#comment-187 Hi there! I was reading through your post and others on the internet trying to find how I should embed my youtube videos so it would appear on iPhone/iPod Touch. I tried and found several methods to do it but honestly I was not satisfied with any of those. The first thing was the validation as XHTML. I can not use the element at all if I want my pages to validate. There are ways to embed the video to all browsers without this element, and I did it a while ago. But the videos were not appearing as a link to the youtube app on my Touch. My solution keeps the valid XHTML while still working for iPhone OS. The element I introduced for this is the "src" element. This is my valid code for youtube: WHERE YOU SHOULD PUT YOUR YOUTUBE LINK AND THE VIDEO SIZE. The param name="src" is the one that makes the magic on iPhone OS. (I just noticed that all the embed codes that worked had the src parameter and got to this option by trying a lot). hope this helps :) my website page link is above if anyone wants to check (the video on the home screen is random and may be a myspace video, which will not show on iPhones). Hi there! I was reading through your post and others on the internet trying to find how I should embed my youtube videos so it would appear on iPhone/iPod Touch. I tried and found several methods to do it but honestly I was not satisfied with any of those. The first thing was the validation as XHTML. I can not use the element at all if I want my pages to validate. There are ways to embed the video to all browsers without this element, and I did it a while ago. But the videos were not appearing as a link to the youtube app on my Touch. My solution keeps the valid XHTML while still working for iPhone OS. The element I introduced for this is the “src” element. This is my valid code for youtube:

WHERE YOU SHOULD PUT YOUR YOUTUBE LINK AND THE VIDEO SIZE. The param name=”src” is the one that makes the magic on iPhone OS. (I just noticed that all the embed codes that worked had the src parameter and got to this option by trying a lot).

hope this helps :) my website page link is above if anyone wants to check (the video on the home screen is random and may be a myspace video, which will not show on iPhones).

]]>