前端学习之多媒体标签

2019-03-14 本文已影响0人 MissPSTime

标签就是用来给内容添加语义的，告诉浏览器这块内容要表达的是什么，要表达成什么样子，而不是用来改变样式，改变样式使用css

<!doctype html>

<html>

<head>

</head>

<body>

<!--video自动播放视频的标签

src指定播放视频的路径

autoplay是否自动播放

controls用于控制是否显示控制条

poster播放视频之前的站位图片

loop控制是否循环播放

preload是否预加载视频，但是与autoplay冲突，因为自动播放了已经还缓存个毛

muted静音

width 和height设置播放窗口的宽高

-->

<video src="" autoplay="autoplay" controls="controls"

poster="pic_ka.png" loop="loop" preload="" muted="muted">

</video>

<!-- video标签的第二种格式

因为浏览器分为很多种，没种浏览器又不能支持所有的视频格式，所以我们需要指定很多种视频格式，

以支持多种浏览器的播放

-->

</object>

</video>

<!-- 播放音频和video差不多

src指定路径

-->

</audio>

</audio>

<!-- 详情和概要标签

details详情

summary 概要标签 -->

</details>

<!-- 字符实体

在html中，对空格，回车，tab不敏感，会把多个当成一个来处理

空格使用&nbsp有几个显示几个空格

&lt 小于符号 &gt大于符号>

-->

</body>

</html>