[WebPub] quick question about video

Thu Jul 24 14:11:33 EDT 2014

Hi Susan,

Thank you SO much for such detailed information! I will keep you posted of any progress.

Yunpeng

From: Susan MacPhee <susanemacphee at gmail.com<mailto:susanemacphee at gmail.com>>
Date: Thursday, July 24, 2014 2:03 PM
To: Yunpeng Wang <yunpeng at mit.edu<mailto:yunpeng at mit.edu>>
Cc: "webpub at mit.edu<mailto:webpub at mit.edu>" <webpub at mit.edu<mailto: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 <yunpeng at mit.edu<mailto:yunpeng at mit.edu>> wrote:
Hi Susan,
Thank you very much!
Yunpeng

From: Susan MacPhee <susanemacphee at gmail.com<mailto:susanemacphee at gmail.com>>
Date: Wednesday, July 23, 2014 2:02 PM
To: Yunpeng Wang <yunpeng at mit.edu<mailto:yunpeng at mit.edu>>
Cc: "webpub at mit.edu<mailto:webpub at mit.edu>" <webpub at mit.edu<mailto: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 <yunpeng at mit.edu<mailto:yunpeng at mit.edu>> wrote:
Hello,

I have a short HTML file below and a mp4 file (tt.mp4). Right now the video can only play on Safari.

<!DOCTYPE html>
<body>
<p>test<p>
<video id="v1" controls autoplay>
  <source src="tt.mp4" type="video/mp4">
</video>
</body>
</html>

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<mailto:WebPub at mit.edu>
https://mailman.mit.edu/mailman/listinfo/webpub

--
Susan E. MacPhee
MacPhee Design Group<http://www.macpheedesign.com/>
Open Cloud Web Design

--
Susan E. MacPhee
MacPhee Design Group<http://www.macpheedesign.com/>
Open Cloud Web Design
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mailman.mit.edu/pipermail/webpub/attachments/20140724/1a3f94c5/attachment.htm