html5中loop是什么

130 阅读 0 评论 86 点赞

我是靠谱客的博主动人电源，这篇文章主要介绍html5中loop是什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、html5版本、Dell G3电脑。

html5中loop是什么

loop 属性规定当音频结束后将重新开始播放。

如果设置该属性，则音频将循环播放。

loop 属性规定当视频结束后将重新开始播放。

如果设置该属性，则视频将循环播放。

语法为;

复制代码<audio loop="loop" ></audio>1
<audio loop="loop" />
登录后复制

示例如下：

复制代码<!DOCTYPE HTML>
<html>
<body>
<video controls="controls" loop="loop">
  <source src="../i/movie.ogg" type="video/ogg" ></source>
  <source src="../i/movie.mp4" type="video/mp4" ></source>
Your browser does not support the video tag.
</video>
</body>
</html>1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML>
<html>
<body>
<video controls="controls" loop="loop">
  <source src="../i/movie.ogg" type="video/ogg" />
  <source src="../i/movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>
登录后复制

输出结果：

+2.gif