<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif; ">
<div>Hi Susan,</div>
<div><br>
</div>
<div>Thank you SO much for such detailed information! I will keep you posted of any progress.</div>
<div><br>
</div>
<div>Yunpeng</div>
<div><br>
</div>
<span id="OLK_SRC_BODY_SECTION">
<div style="font-family:Calibri; font-size:11pt; text-align:left; color:black; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0in; PADDING-LEFT: 0in; PADDING-RIGHT: 0in; BORDER-TOP: #b5c4df 1pt solid; BORDER-RIGHT: medium none; PADDING-TOP: 3pt">
<span style="font-weight:bold">From: </span>Susan MacPhee <<a href="mailto:susanemacphee@gmail.com">susanemacphee@gmail.com</a>><br>
<span style="font-weight:bold">Date: </span>Thursday, July 24, 2014 2:03 PM<br>
<span style="font-weight:bold">To: </span>Yunpeng Wang <<a href="mailto:yunpeng@mit.edu">yunpeng@mit.edu</a>><br>
<span style="font-weight:bold">Cc: </span>"<a href="mailto:webpub@mit.edu">webpub@mit.edu</a>" <<a href="mailto:webpub@mit.edu">webpub@mit.edu</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [WebPub] quick question about video<br>
</div>
<div><br>
</div>
<div>
<div>
<div dir="ltr">
<div>
<div>
<div>
<div>For question 2:<br>
<br>
See <a href="https://www.airbnb.com/">https://www.airbnb.com/</a><br>
<br>
They are using WebM, <a href="http://www.webmproject.org/about/">http://www.webmproject.org/about/</a><br>
<br>
</div>
These are the supported browsers: <a href="http://www.webmproject.org/users/#supported_web_browsers">
http://www.webmproject.org/users/#supported_web_browsers</a><br>
<br>
</div>
I'm really not sure of any advantage over ogg,mp4 assuming HTML5.<br>
<br>
</div>
Use "inspect element" for more info.<br>
<br>
</div>
That's all I have now but if I come up with anything more, I'll let you know. <br>
<br>
Please keep me posted of any progress, I'd like to try this on a fitting project.<br>
</div>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">On Wed, Jul 23, 2014 at 2:09 PM, Yunpeng Wang <span dir="ltr">
<<a href="mailto:yunpeng@mit.edu" target="_blank">yunpeng@mit.edu</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word;color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif">
<div>Hi Susan,</div>
<div>Thank you very much!</div>
<div>Yunpeng</div>
<div><br>
</div>
<span>
<div style="font-family:Calibri;font-size:11pt;text-align:left;color:black;BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;PADDING-BOTTOM:0in;PADDING-LEFT:0in;PADDING-RIGHT:0in;BORDER-TOP:#b5c4df 1pt solid;BORDER-RIGHT:medium none;PADDING-TOP:3pt">
<span style="font-weight:bold">From: </span>Susan MacPhee <<a href="mailto:susanemacphee@gmail.com" target="_blank">susanemacphee@gmail.com</a>><br>
<span style="font-weight:bold">Date: </span>Wednesday, July 23, 2014 2:02 PM<br>
<span style="font-weight:bold">To: </span>Yunpeng Wang <<a href="mailto:yunpeng@mit.edu" target="_blank">yunpeng@mit.edu</a>><br>
<span style="font-weight:bold">Cc: </span>"<a href="mailto:webpub@mit.edu" target="_blank">webpub@mit.edu</a>" <<a href="mailto:webpub@mit.edu" target="_blank">webpub@mit.edu</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [WebPub] quick question about video<br>
</div>
<div>
<div class="h5">
<div><br>
</div>
<div>
<div>
<div dir="ltr">
<div>
<div>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.<br>
<br>
I found this for more info:<br>
<br>
Native HTML 5 Video Formats<br>
<br>
Browsers that support HTML 5 video support 3 video formats MP4, OGG and WebM.<br>
MP4<br>
<br>
Safari 3+<br>
Internet Explorer 9+<br>
Chrome (wasn’t meant to be but it certainly is!)<br>
<br>
OGG<br>
<br>
Firefox 3.5+<br>
Chrome 3+<br>
Opera 10.5+<br>
<br>
WebM<br>
<br>
Firefox 4+<br>
Chrome 6+<br>
Opera 10.6+<br>
<br>
</div>
Looking forward to other answers on how to get it as a background.<br>
<br>
</div>
Cheers, Susan<br>
</div>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">On Wed, Jul 23, 2014 at 1:49 PM, Yunpeng Wang <span dir="ltr">
<<a href="mailto:yunpeng@mit.edu" target="_blank">yunpeng@mit.edu</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="color:rgb(0,0,0);font-size:14px;font-family:Calibri,sans-serif;word-wrap:break-word">
<div>Hello,</div>
<div><br>
</div>
<div>I have a short HTML file below and a mp4 file (tt.mp4). Right now the video can only play on Safari. </div>
<div><br>
</div>
<div>
<div><!DOCTYPE html></div>
<div><body></div>
<div><p>test<p></div>
<div><video id="v1" controls autoplay></div>
<div> <source src="tt.mp4" type="video/mp4"></div>
<div></video></div>
<div></body></div>
<div></html></div>
</div>
<div><br>
</div>
<div>I have two questions below.</div>
<ol>
<li>How can I make the video to play on any other browsers, such as firefox or IE?</li><li>How can I use this video as background and put some text on top of it through HTML?</li></ol>
<div>I would greatly appreciate it if you could please help me with one of the questions.</div>
<div><br>
</div>
<div>Thank you very much in advance.</div>
<span><font color="#888888">
<div><br>
</div>
<div>Yunpeng</div>
</font></span></div>
<br>
_______________________________________________<br>
WebPub mailing list<br>
<a href="mailto:WebPub@mit.edu" target="_blank">WebPub@mit.edu</a><br>
<a href="https://mailman.mit.edu/mailman/listinfo/webpub" target="_blank">https://mailman.mit.edu/mailman/listinfo/webpub</a><br>
<br>
</blockquote>
</div>
<br>
<br clear="all">
<br>
-- <br>
<div dir="ltr">
<div>Susan E. MacPhee<br>
<span style="color:rgb(11,83,148)"><b><a href="http://www.macpheedesign.com/" target="_blank">MacPhee Design Group</a></b><br>
</span></div>
<span style="color:rgb(11,83,148)"><font size="1">Open Cloud Web Design</font></span><br>
</div>
</div>
</div>
</div>
</div>
</div>
</span></div>
</blockquote>
</div>
<br>
<br clear="all">
<br>
-- <br>
<div dir="ltr">
<div>Susan E. MacPhee<br>
<span style="color:rgb(11,83,148)"><b><a href="http://www.macpheedesign.com/" target="_blank">MacPhee Design Group</a></b><br>
</span></div>
<span style="color:rgb(11,83,148)"><font size="1">Open Cloud Web Design</font></span><br>
</div>
</div>
</div>
</div>
</span>
</body>
</html>