Re: [css-d] Having trouble adding video to web page.
Another real good source, geared to HTML email but it renders flawlessly and responsiviely on most desktop clients https://litmus.com/blog/how-to-code-html5-video-background-in-email I am actually playing with this for emails Fred -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Wednesday, June 04, 2014 7:27 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Having trouble adding video to web page. On 6/4/14, 13:26, Rod Castello wrote: Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out your suggestions. Sorry about it being OT. I got caught up in the rush and turned to the best list I knew. Rod Well, I think the responsive part of your question is on topic. (?) Here’s a good rundown of both CSS and JavaScript ways of adding video: http://css-tricks.com/rundown-of-handling-flexible-media/ (Previous replies are below, for members getting the digest version.) -- Cordially, David On Wed, Jun 4, 2014 at 1:18 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello rodcastel...@gmail.com wrote: Hi All, Need some quick, real world advice on adding an mp4 video to a web page. It needs to work in modern versions of major browsers. I can skip the iPhone display but would be nice to have that too. The page is responsive and I would need to be able to control the width for various column or screen widths. Is there a good tutorial on this? Do I need to request different versions...mp3, webm? I'm thinking get it on youtube might be an easy fix. Any thoughts on that? Any advice would be greatly appreciated. Here's a link to the video source: http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketR eel_Rev4.mp4 I will be swapping it out with the video on this page: http://www.axs.com/betexperience Thanks, Rod Castello I recommend videos as well. We usually serve WebM, ogg and mp4 using html5 element. Er, that should have been *videojs*... I recommend videojs as well. http://www.videojs.com -- __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Having trouble adding video to web page.
Thanks Fred, I'll look into that. I do a lot of emails too, so this will be really helpful. Rod On Thu, Jun 5, 2014 at 12:36 PM, Hahnel, Fred (DET-MRM) fred.hah...@mrm-mccann.com wrote: Another real good source, geared to HTML email but it renders flawlessly and responsiviely on most desktop clients https://litmus.com/blog/how-to-code-html5-video-background-in-email I am actually playing with this for emails Fred -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto: css-d-boun...@lists.css-discuss.org] On Behalf Of David Hucklesby Sent: Wednesday, June 04, 2014 7:27 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Having trouble adding video to web page. On 6/4/14, 13:26, Rod Castello wrote: Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out your suggestions. Sorry about it being OT. I got caught up in the rush and turned to the best list I knew. Rod Well, I think the responsive part of your question is on topic. (?) Here’s a good rundown of both CSS and JavaScript ways of adding video: http://css-tricks.com/rundown-of-handling-flexible-media/ (Previous replies are below, for members getting the digest version.) -- Cordially, David On Wed, Jun 4, 2014 at 1:18 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello rodcastel...@gmail.com wrote: Hi All, Need some quick, real world advice on adding an mp4 video to a web page. It needs to work in modern versions of major browsers. I can skip the iPhone display but would be nice to have that too. The page is responsive and I would need to be able to control the width for various column or screen widths. Is there a good tutorial on this? Do I need to request different versions...mp3, webm? I'm thinking get it on youtube might be an easy fix. Any thoughts on that? Any advice would be greatly appreciated. Here's a link to the video source: http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketR eel_Rev4.mp4 I will be swapping it out with the video on this page: http://www.axs.com/betexperience Thanks, Rod Castello I recommend videos as well. We usually serve WebM, ogg and mp4 using html5 element. Er, that should have been *videojs*... I recommend videojs as well. http://www.videojs.com -- __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Having trouble adding video to web page.
God preserve me from those who would embed video in e-mail. It is bad enough having video inflicted on me when I visit a web site, but to have it arrive in an e-mail would indicate to me that the sender had no concern whatsoever for the civilities of electronic intercourse. Philip Taylor Rod Castello wrote: Thanks Fred, I'll look into that. I do a lot of emails too, so this will be really helpful. Rod On Thu, Jun 5, 2014 at 12:36 PM, Hahnel, Fred (DET-MRM) fred.hah...@mrm-mccann.com wrote: Another real good source, geared to HTML email but it renders flawlessly and responsiviely on most desktop clients https://litmus.com/blog/how-to-code-html5-video-background-in-email I am actually playing with this for emails Fred -- If I can't see your reply without scrolling, I shall assume that it is not worth reading. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Having trouble adding video to web page. (Off topic)
jun 5 2014 22:06 Philip Taylor p.tay...@rhul.ac.uk: God preserve me from those who would embed video in e-mail. It is bad enough having video inflicted on me when I visit a web site, but to have it arrive in an e-mail would indicate to me that the sender had no concern whatsoever for the civilities of electronic intercourse. A link to a web site with a interesting movie is a potential good start of a relationship. An embedded video in the email message is tantamount to a good addition to the spam filter. Embedded videos better be opt-in or the sender will be sorry they were so stupid. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
