前端-笔试刷题-语义化音频视频媒体标签

  • 题目描述
    请使用语义化标签创建头部标签且包含导航标签。
    注意:只需在html模块填写标签结构,有且仅有一个头部标签和一个导航标签。
点击查看代码
<!-- 补全代码 -->
<header>
    <nav></nav>
</header>
<!--header头部标签,nav导航标签  -->
  • 题目描述
    请写出具有控件功能的音频媒体标签
点击查看代码
<!-- 补全代码 -->
<audio src="#" autoplay controls></audio>

**解析:** 只需加入controls控件,音频文件就有了控件功能 autoplay表示默认播放

效果图:

  • 题目描述
    请写出具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签。
点击查看代码
<!-- 补全代码 -->
<video width="100px" height="100px" onerror="fn()" controls >
    <source src="movie.mp4" type="video/mp4">
    <source src="#" type="">
    抱歉,加载视频失败!
</video>

**解析:** video是控制视频的元素 1、controls属性:显示控制组件 2、loop属性:循环播放 3、muted属性:静音播放 4、preload属性:页面加载在播放 5、width/heigth属性:视频的宽高 6、autoplay属性:自动播放 效果图: ![](https://img2023.cnblogs.com/blog/2208309/202303/2208309-20230317115344911-1400991329.png)
posted @ 2023-03-17 14:26  权世界  阅读(0)  评论(0编辑  收藏  举报