我希望把一段视频放在HTML5页面上,将开始播放页面加载,一旦完成,循环回到开始没有中断.视频NOT还应该有与之相关的任何控件,并且或者与所有的"现代"浏览器兼容,或者具有多边形填充的选项.

以前,我会通过FlashFLVPlayback来实现这一点,但是我更愿意在HTML5范围内避开Flash.我想我可以使用javascript的setTimeout来创建一个平滑的循环,但是我应该使用什么来嵌入视频本身呢?有没有什么东西可以像FLVPlayback那样流传输视频呢?

推荐答案

loop属性应该做到这一点:

<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

如果您对loop属性有问题(正如我们过go 所做的那样),请听videoEnd事件,并在其触发时调用play()方法.

注1:我不确定苹果iPad/iPhone的行为,因为他们对autoplay有一些限制.

注2:loop="true"autoplay="autoplay"不推荐使用

Html相关问答推荐

如何打破长URL,包含连字符在HTML与CSS

在FlexBox中将div拉伸到父div的完全高度

如何在图像中垂直和水平居中显示文本?

为什么我的搜索栏会出现在WONG位置?

禁用的文本区域会丢失换行符

如何更改Django中的默认按钮?

带有图像的虚线边框

如何使元素具有粘性

网格中的图像zoom 不正确

下划线在 Bootstrap 5 导航链接下无法正常工作

为什么溢出时overflow: auto框的底部有一个小间隙?

如何在CSS伪类函数中使用复合 Select 器:host-context()

使用图像自定义 CSS 网格边框

在 iPhone 上分隔 HTML 邮箱输入中的多个邮箱条目

导航丸被选中(活动),但内容未显示.怎么会?

如何根据行中的其中一列将行居中?

需要禁用聚焦输入的工具提示(jquery)

圆形边框显示在该部分后面.怎么修?

涉及短代码时如何在页面上定位元素?

所有幻灯片上的 Quarto RevealJS 标题