零基础学习HTML(25)——video标签

科技2024-10-28 43

注：学习笔记基于小甲鱼学习视频，官方论坛：https://fishc.com.cn/forum.php

官方资料

鱼C课程案例库：https://ilovefishc.com/html5/ html5速查手册：https://man.ilovefishc.com/html5/ css速查手册：https://man.ilovefishc.com/css3/

学习正文

video标签：https://man.ilovefishc.com/pageHTML5/video.html

可以使用 viedo 标签向浏览器嵌入视频：

<!DOCTYPE html> <html> <head> <title>在网页中嵌入视频</title> <meta charset="utf-8"> </head> <body> <video src="一分一秒.flv" width="640" height="352" controls autoplay>本视频无法播放……</video> </body> </html>

经过测试，Google Chorme不会自动播放（但会在静音的情况下自动播放）可以使用 video 的 poster 属性设置视频封面：

<!DOCTYPE html> <html> <head> <title>在网页中嵌入视频</title> <meta charset="utf-8"> </head> <body> <video src="一分一秒.flv" width="640" height="352" controls autoplay poster="normal.jpg">本视频无法播放……</video> </body> </html>

Processed: 0.011, SQL: 8