<video width="640" height="360" controls autoplay> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> </video>
如上代码所示,大家可以通过<source>
标签引入不同格式的视频文件,并设置不同的类型属性,确保视频可以在不同的浏览器上正确播放。同时,大家也可以在<video>
标签中添加controls
和autoplay
属性,控制视频是否自动播放以及播放控件的显示。
除了设置视频的基本属性之外,CSS3还提供了许多可以让视频更加生动有趣的特性,例如可以使用@keyframes
和animation
属性为视频添加动画效果,或者使用transform
和transition
属性对视频进行旋转、缩放、移动等操作。
总体来说,CSS3的视频引入特性可以极大地丰富大家网页的内容,使得大家的网页更加生动有趣,同时也为用户提供了更好的体验。