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/
