怎么解决HTML的video标签总是在最上层的问题？

使用position:absolute，再设置一下top和left值到你想要的位置上去，这样就可以了。

HTML是超文本标记语言的简称。

规范标准：

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

2.标记语言：

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

提前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]