Video音频

Video音频
接触学习的时候就觉得音频动画播放的效果怎么用代码实现的,好奇的同时又觉得很难,但当授课老师跟我们授课的时候才发现原来是这样,不知道是不是音频播放最简单的一种,总之就是实现了这样的效果,它的代码就一句

<video   src="video/trailer.mp4"  controls poster="img/gallery/1-th.jpg" ></video>

在这里你可以为它设置宽高,比如

<video src="video/trailer.mp4" controls poster="img/gallery/1-th.jpg" width="99%" height="200" ></video>

如果想要它自动播放的话,还要到上面设置一个属性autoplay,那么autoplay定义和用法是什么:autoplay 属性规定一旦视频就绪马上开始播放。如果设置了该属性,视频将自动播放。

<video src="video/trailer.mp4" controls poster="img/gallery/1-th.jpg" width="99%" height="200" autoplay></video>

播放过后是否就不能再次播放?有个属性可以很好地解决这个问题,可以实现循环播放。这个属性就是loop,它的定义和用法:loop属性规定当视频结束后将重新开始播放。如果设置该属性,则视频将循环播放。

<video src="video/trailer.mp4" controls poster="img/gallery/1-th.jpg" width="99%" height="200" loop autoplay> </video>

在(w3School整站)中还可以看到音频的更多的属性:
在这里插入图片描述

当然,还不止这些,想了解更多可以下载:<W3School离线手册(2014.12.16)最新版>。

猜你喜欢

转载自blog.csdn.net/weixin_44538225/article/details/86548929
今日推荐