代码如下，测试过，可用。
<body>
<div style="text-align:center">
<video id="video1" width="420" style="margin-top:15px">
<source src="/example/html5/mov_bbb.mp4" type="video/mp4" />
<source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
</video>
</div>
</body>
HTML5 Audio/Video 方法
拓展资料
HTML5 <video>元素同样拥有方法、属性和事件。
其中的方法用于播放、暂停以及加载等。
其中的属性（比如时长、音量等）可以被读取或设置。
其中的 DOM 事件能够通知您，比方说，<video>元素开始播放、已暂停，已停止，等等。
参考资料 w3c网页链接
提前buffer好就行。 play本身是没有卡顿的。又不是播放什么特殊的东西。
基本没有无缝播放这种需求，因为这对用户影响也太大了这。转折的时候pause 个一秒才是正常的吧。
你想啊， 前面一个特别柔和，后面一段特别激烈，不给用户一点时间，人家直接受不了就关了。。。。
如果是一部视频分两段，请好好streaming。。。
一、首先用js监听ended事件，然后更改src，再play。此方法出现题主所说的卡顿，没法无缝循环。
二、然后想预载入多个video标签，每个video tag设置所要循环的src，第一个要播放的video设置正常的宽高,play()， z-index :0。其他video tag设置width:1pxheight:1px并且暂停(preload)，监听播放中的video ended，改变width和height，设置为1px，把下一个播放的video tag设置成正常宽高，z-index 0； 这个方法没有实际测试，目测流行浏览器下应该是可行的，但是微信浏览器等定制类的估计不行，video tag会被自动最大化。
三、如果服务器允许跨域和设置cors，使用flv.js的多来源播放flv应该是可行的，flv.js或者其他非video tag播放器，都使用ajax的xhr或者fetch来获取视频片段数据，只是获取片段需要知道range，服务器的cors策略要支持range和length，可惜我用的是第三方服务器，自己设置不了cros。
参考资料
知乎.知乎[引用时间2018-1-3]
mov格式为QuickTime影片格式，是苹果公司开发的一种视频格式，如果需要观看此视频，需要下载QuickTimeplayer播放器。软件使用技巧：1、在QuickTimeplayer10.0版本中，可以编辑视频，打开软件，点击“编辑”——“裁截”，可以根据需要剪切视频。
2、QuickTimeplayer具有共享功能，打开软件，点击分享按钮，可以将视频分享到YouTube，可以通过邮件发送给好友。
3、QuickTimeplayer具有录音功能，在MacBook上打开此应用，点击“文件”——“新建音频录制”，点击红色按钮即可开始录制，可以设置录制质量，比如高质量和最佳质量，最佳质量为未压缩文件，会占用大量存储空间。
资料拓展：mov文件格式让QuickTime有别于其他媒体平台。其架构好像一个“容器”，能够容纳不同类型的媒体，如音频、视频、MacromediaFlash、文本，支持HTTP、RTP和RTSP标准。该软件还支持主要的图像格式，比如：JPEG、BMP、PICT、PNG和GIF。
