CSS-html5特殊语义标签

最新推荐文章于 2024-10-30 16:25:45 发布

王子老师

最新推荐文章于 2024-10-30 16:25:45 发布

阅读量125

点赞数

分类专栏： CSS 文章标签： css html5 css3

本文链接：https://blog.csdn.net/qq_37304462/article/details/121026854

版权

CSS 专栏收录该内容

37 篇文章 1 订阅

订阅专栏

一定要做一个自律的人，活好自己的孤独和简单，外向是生活必须，孤独是自我享受。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王子老师CSS进阶</title>
    <style>
        video {
            height: 300px;
            width: 800px;
        }
    </style>
</head>

<body>
    <!-- lopp循环播放 -->
    <!-- autoplay进入页面自动播放 -->
    <!-- controls显示播放的控件 -->
    <!-- <audio src="陆虎-雪落下的声音.mp3" loop autoplay controls></audio> -->

    <!-- 因为不同的浏览器支持的音频格式不一样，解决兼容办法：准备多个音频 -->
    <audio controls>
        <source src="陆虎-雪落下的声音.mp3" type="audio/mpeg">
        <source src="陆虎-雪落下的声音.ogg" type="audio/mogg">
        你的浏览器太low，不配播放，嘻嘻
    </audio>

    <!-- 视频 -->
    <!-- muted静音播放 -->
    <!-- loop循环播放 -->
    <!-- controls此时会显示视频暂停静音等控件按钮 -->
    <!-- width,height可以设置播放器的宽和高 -->
    <!-- poster未播放的时候设置的画面 -->
    <video src="wangzi.MP4" autoplay muted controls></video>
</body>

</html>