From yunpeng at MIT.EDU Wed Jul 23 13:49:49 2014 From: yunpeng at MIT.EDU (Yunpeng Wang) Date: Wed, 23 Jul 2014 17:49:49 +0000 Subject: [WebPub] quick question about video Message-ID: Hello, I have a short HTML file below and a mp4 file (tt.mp4). Right now the video can only play on Safari.

test

> > > > > I have two questions below. > > 1. How can I make the video to play on any other browsers, such as > firefox or IE? > 2. How can I use this video as background and put some text on top of > it through HTML? > > I would greatly appreciate it if you could please help me with one of the > questions. > > Thank you very much in advance. > > Yunpeng > > _______________________________________________ > WebPub mailing list > WebPub at mit.edu > https://mailman.mit.edu/mailman/listinfo/webpub > > -- Susan E. MacPhee *MacPhee Design Group * Open Cloud Web Design -------------- next part -------------- An HTML attachment was scrubbed... URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140723/7fa9cd86/attachment.htm From yunpeng at MIT.EDU Wed Jul 23 14:09:39 2014 From: yunpeng at MIT.EDU (Yunpeng Wang) Date: Wed, 23 Jul 2014 18:09:39 +0000 Subject: [WebPub] quick question about video In-Reply-To: References: Message-ID: Hi Susan, Thank you very much! Yunpeng From: Susan MacPhee > Date: Wednesday, July 23, 2014 2:02 PM To: Yunpeng Wang > Cc: "webpub at mit.edu" > Subject: Re: [WebPub] quick question about video I'm pretty sure you need more than one video format to run on all browsers in addition to your MP4 like OGG. I think it's the way to go because YouTube et al is not very responsive. I found this for more info: Native HTML 5 Video Formats Browsers that support HTML 5 video support 3 video formats MP4, OGG and WebM. MP4 Safari 3+ Internet Explorer 9+ Chrome (wasn?t meant to be but it certainly is!) OGG Firefox 3.5+ Chrome 3+ Opera 10.5+ WebM Firefox 4+ Chrome 6+ Opera 10.6+ Looking forward to other answers on how to get it as a background. Cheers, Susan On Wed, Jul 23, 2014 at 1:49 PM, Yunpeng Wang > wrote: Hello, I have a short HTML file below and a mp4 file (tt.mp4). Right now the video can only play on Safari.

test

I have two questions below. 1. How can I make the video to play on any other browsers, such as firefox or IE? 2. How can I use this video as background and put some text on top of it through HTML? I would greatly appreciate it if you could please help me with one of the questions. Thank you very much in advance. Yunpeng -------------- next part -------------- An HTML attachment was scrubbed... URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140723/571243a2/attachment.htm From susanemacphee at gmail.com Thu Jul 24 14:03:03 2014 From: susanemacphee at gmail.com (Susan MacPhee) Date: Thu, 24 Jul 2014 14:03:03 -0400 Subject: [WebPub] quick question about video In-Reply-To: References: Message-ID: For question 2: See https://www.airbnb.com/ They are using WebM, http://www.webmproject.org/about/ These are the supported browsers: http://www.webmproject.org/users/#supported_web_browsers I'm really not sure of any advantage over ogg,mp4 assuming HTML5. Use "inspect element" for more info. That's all I have now but if I come up with anything more, I'll let you know. Please keep me posted of any progress, I'd like to try this on a fitting project. On Wed, Jul 23, 2014 at 2:09 PM, Yunpeng Wang wrote: > Hi Susan, > Thank you very much! > Yunpeng > > From: Susan MacPhee > Date: Wednesday, July 23, 2014 2:02 PM > To: Yunpeng Wang > Cc: "webpub at mit.edu" > Subject: Re: [WebPub] quick question about video > > I'm pretty sure you need more than one video format to run on all > browsers in addition to your MP4 like OGG. I think it's the way to go > because YouTube et al is not very responsive. > > I found this for more info: > > Native HTML 5 Video Formats > > Browsers that support HTML 5 video support 3 video formats MP4, OGG and > WebM. > MP4 > > Safari 3+ > Internet Explorer 9+ > Chrome (wasn?t meant to be but it certainly is!) > > OGG > > Firefox 3.5+ > Chrome 3+ > Opera 10.5+ > > WebM > > Firefox 4+ > Chrome 6+ > Opera 10.6+ > > Looking forward to other answers on how to get it as a background. > > Cheers, Susan > > > On Wed, Jul 23, 2014 at 1:49 PM, Yunpeng Wang wrote: > >> Hello, >> >> I have a short HTML file below and a mp4 file (tt.mp4). Right now the >> video can only play on Safari. >> >> >> >>

test

>> >> >> >> >> I have two questions below. >> >> 1. How can I make the video to play on any other browsers, such as >> firefox or IE? >> 2. How can I use this video as background and put some text on top of >> it through HTML? >> >> I would greatly appreciate it if you could please help me with one of the >> questions. >> >> Thank you very much in advance. >> >> Yunpeng >> >> _______________________________________________ >> WebPub mailing list >> WebPub at mit.edu >> https://mailman.mit.edu/mailman/listinfo/webpub >> >> > > > -- > Susan E. MacPhee > *MacPhee Design Group * > Open Cloud Web Design > -- Susan E. MacPhee *MacPhee Design Group * Open Cloud Web Design -------------- next part -------------- An HTML attachment was scrubbed... URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140724/01a1a3cf/attachment.htm From yunpeng at MIT.EDU Thu Jul 24 14:11:33 2014 From: yunpeng at MIT.EDU (Yunpeng Wang) Date: Thu, 24 Jul 2014 18:11:33 +0000 Subject: [WebPub] quick question about video In-Reply-To: References: Message-ID: Hi Susan, Thank you SO much for such detailed information! I will keep you posted of any progress. Yunpeng From: Susan MacPhee > Date: Thursday, July 24, 2014 2:03 PM To: Yunpeng Wang > Cc: "webpub at mit.edu" > Subject: Re: [WebPub] quick question about video For question 2: See https://www.airbnb.com/ They are using WebM, http://www.webmproject.org/about/ These are the supported browsers: http://www.webmproject.org/users/#supported_web_browsers I'm really not sure of any advantage over ogg,mp4 assuming HTML5. Use "inspect element" for more info. That's all I have now but if I come up with anything more, I'll let you know. Please keep me posted of any progress, I'd like to try this on a fitting project. On Wed, Jul 23, 2014 at 2:09 PM, Yunpeng Wang > wrote: Hi Susan, Thank you very much! Yunpeng From: Susan MacPhee > Date: Wednesday, July 23, 2014 2:02 PM To: Yunpeng Wang > Cc: "webpub at mit.edu" > Subject: Re: [WebPub] quick question about video I'm pretty sure you need more than one video format to run on all browsers in addition to your MP4 like OGG. I think it's the way to go because YouTube et al is not very responsive. I found this for more info: Native HTML 5 Video Formats Browsers that support HTML 5 video support 3 video formats MP4, OGG and WebM. MP4 Safari 3+ Internet Explorer 9+ Chrome (wasn?t meant to be but it certainly is!) OGG Firefox 3.5+ Chrome 3+ Opera 10.5+ WebM Firefox 4+ Chrome 6+ Opera 10.6+ Looking forward to other answers on how to get it as a background. Cheers, Susan On Wed, Jul 23, 2014 at 1:49 PM, Yunpeng Wang > wrote: Hello, I have a short HTML file below and a mp4 file (tt.mp4). Right now the video can only play on Safari.

test

I have two questions below. 1. How can I make the video to play on any other browsers, such as firefox or IE? 2. How can I use this video as background and put some text on top of it through HTML? I would greatly appreciate it if you could please help me with one of the questions. Thank you very much in advance. Yunpeng _______________________________________________ WebPub mailing list WebPub at mit.edu https://mailman.mit.edu/mailman/listinfo/webpub -- Susan E. MacPhee MacPhee Design Group Open Cloud Web Design -- Susan E. MacPhee MacPhee Design Group Open Cloud Web Design -------------- next part -------------- An HTML attachment was scrubbed... URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140724/1a3f94c5/attachment.htm From susanemacphee at gmail.com Fri Jul 25 11:08:07 2014 From: susanemacphee at gmail.com (Susan MacPhee) Date: Fri, 25 Jul 2014 11:08:07 -0400 Subject: [WebPub] Next week: Design for Drupal event in Stata Center Message-ID: Hi, Making sure you know about this upcoming Drupal event. And a huge thank you to IS&T for all the support! Aug 1-3 - Design for Drupal, Boston 2014 http://boston2014.design4drupal.org/ Friday: Project and Business Strategy Saturday: All Things Design (IA/UX/UI/etc, Front-End & Theming, and Case Studies Sunday: Training: Responsive Bootcamp and Drupal 8 Theming About: Design for Drupal, Boston is an annual web design camp covering all aspects of design, UX, & theming for Drupal websites. Since 2009, hundreds of Drupal designers, developers and site builders have converged each year at MIT's Stata Center to share ideas, gather design inspiration, and learn new techniques for Drupal design and theme development from some of the brightest minds in the Drupal design community. Hope to see you there and please pass on to anyone that may be interested. -- Susan E. MacPhee *MacPhee Design Group * Open Cloud Web Design -------------- next part -------------- An HTML attachment was scrubbed... URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140725/f4bc7ae1/attachment-0001.htm