截止2017年1月，目前国内只有2个网站支持html5:
1.
腾讯视频
2.
哔哩哔哩
可以说中国在html5方面全面落后于美国。后续如果再有，我会再补上来，促进中国html5视频网站的发展。
1.W3Schools（需自备梯子）
W3School是学习HTML5最好的资源之一，它拥有的教程都带有例子，几乎可以解决你所需要的所有知识点。如果你想从基础开始学习HTML5的话，那么这个网站会是一个很好的选择。你可以学习到HTML5的所有元素，比如标签、图像、图形，以及无需多做其他操作，只需跟随教程的教书步骤走即可，用简单的语言解释和交互让学习变得简单。
2.HtmlGoodies
如果想要观看HTML5的速成课程，以及获取学习HTML5的所有性能，那么htmlgoodies会是一个不错的开始。在网站的左边部分，你可以看到分类细致的基础、教程。问答等，你可以任意快速跳转到自己想要开始学习的部分。
3.HTML5-tutorial（需自备梯子）
4.HTML5Doctor
5.Html5Rocks（需自备梯子）
6.Alison
7.Udacity
这是另一个很好的在线学习平台，无论你是初学者还是具有中级水平的开发人员，它都为你准备了相应的HTML5画布（canvas）和游戏开发的课程。有兴趣的，不妨一试。
8.thenewboston
在thenewboston你可以找到HTML5免费的视频课程，这个网站拥有很好的编程视频课程的合集，比如Adobe、Java和C++。在计算机科学部分你可以找到HTML5编程，可以得到一些HTML5、画布、视频播放器的教程，并且还都是免费的。
在线学习HTML5编程的高级教程
通过免费的教程、博客、视频，我们已经获得了基础和全面的HTML5编程知识，那么是时候通过高级的HTML5视频教程来深入的了解HTML5编程技巧。大量的实践之后，我发现了这些网站，你可以在HTML5上使用高端编程进行项目、小测验、应用来学习先进的HTML5。
9.Eduonix
如果不提及学习HTML5这一话题的话，我们真的会错过Eduonix。这是一个优秀的在线平台，你可以找到所有Web技术和移动开发技术。Eduonix的HTML5编程项目课程，是开发人员通过10个项目和测试，来提升他们HTML技能的一大资源。
10.Udemy
11.Webucator
Webucator网站提供现场培训课程、私人培训、集体培训和自学课程，来对你的HTML5技能进行高级训练。不过你需要去支付一笔较高的费用，但有付出总会有回报的。
首先swf就是flash的视频格式。而且flash虽然不说是一统天下，但是现在HTML5的video视频播放器刚开始起步，根本不可能替代flash，所以就算你用了HTML5的video来做网页，也必须加上Flash做后备，用HTML5video的作用在于：现在先写好标签，等过N年之后，video越来越强大，到时候你就不用再重新写代码了。但谁都不知道那个“N年”到底是多久。
其次，HTML5支持的视频格式非常有限，目前一般有：
H.264
OggVorbis
WebM
而且各个浏览器分别支持不同格式，除了Chrome，好像没有浏览器能完全支持以上三种HTML5视频格式。你如果仅仅使用HTML5video来做网页，估计你的视频网站客户很快就跑光了，因为他们绝大部分没法看你的视频。
你可以去慕课网，它是一个免费学习网站，拥有全面的视频教程，边学边练，效率很高。值得信赖。
许多时髦的网站都提供视频。HTML5提供了展示视频的标准。
检测您的浏览器是否支持HTML5视频：
Check
Web上的视频
直到现在，仍然不存在一项旨在网页上显示视频的标准。
今天，大多数视频是通过插件（比如Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。
HTML5规定了一种通过video元素来包含视频的标准方法。
视频格式
当前，video元素支持三种视频格式：
格式
IE
Firefox
Opera
Chrome
Safari
OggNo3.5+10.5+5.0+No
MPEG49.0+NoNo5.0+3.0+
WebMNo4.0+10.6+6.0+No
Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件
MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件
WebM=带有VP8视频编码和Vorbis音频编码的WebM文件
如何工作
如需在HTML5中显示视频，您所有需要的是：
videosrc="movie.ogg"controls="controls"
/video
TIY
control属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
video与/video之间插入的内容是供不支持video元素的浏览器显示的：
实例
videosrc="movie.ogg"width="320"height="240"controls="controls"
Yourbrowserdoesnotsupportthevideotag.
上面的例子使用一个Ogg文件，适用于Firefox、Opera以及Chrome浏览器。
要确保适用于Safari浏览器，视频文件必须是MPEG4类型。
video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：
videowidth="320"height="240"controls="controls"
sourcesrc="movie.ogg"type="video/ogg"
sourcesrc="movie.mp4"type="video/mp4"
InternetExplorer
InternetExplorer8不支持video元素。在IE9中，将提供对使用MPEG4的video元素的支持。
video标签的属性
属性
值
描述
autoplayautoplay如果出现该属性，则视频在就绪后马上播放。
controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。
heightpixels设置视频播放器的高度。
looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。
preloadpreload
如果出现该属性，则视频在页面加载时进行加载，并预备播放。
如果使用"autoplay"，则忽略该属性。
srcurl要播放的视频的URL。
widthpixels设置视频播放器的宽度。
1、可以使用WebRTC库-PeerJS来实现点对点视频聊天。官网有详细的API文档，以及简单的视频聊天示例，随机算法得自己写了。
2、还可以学习下canvas，有选择性的把视频流画到canvas上，可以或许可以减少带宽压力。
基于STRATUS+FLEX+MYSQL的简易在线随机视频聊天室的开发：
1.FlashBuilder4开发的，默认用的是FlexSDK4.0
2.开发最好用flashpayer10debugversion（可以进行调试）
3.申请一个Stratusdevelperkey：8b0f114ef5a20c433d5c2a33-201aeea5601b