HTML视频音频标签+页面结构命名规范+ 内联框架iframe 非常实用的内联框架 了解一下

最新推荐文章于 2021-10-06 13:46:34 发布
最新推荐文章于 2021-10-06 13:46:34 发布
阅读量264 收藏
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L190412/article/details/115001452
版权
本文介绍了HTML中的视频和音频标签，详细说明了autoplay和controls属性的使用。此外，还探讨了页面结构的命名规范，推荐了如header、footer等常见元素的使用。重点讲解了内联框架iframe的运用，包括src、width、height和name属性，并通过实例展示了如何将外部网页嵌入到HTML页面中。
摘要由CSDN通过智能技术生成

媒体元素

下载一个视频和音频 放到项目创建好的路径中

视频

  • 视频 video

    • autoplay：自动播放

    • controls：控制播放选项

<!--<video src="../resources/video/媒体元素.mp4" controls autoplay></video>-->

音频

  • 音频 audio

    • autoplay：自动播放

    • controls：控制播放选项

<audio src="../resources/audio/三妻四妾.mp3" controls autoplay></audio>

我的目录

在这里插入图片描述

页面结构命名规范

网页尽量使用这些命名 可以让网页结构非常清

最低0.47元/天 解锁文章
小梁在学习.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
discuz论坛插件DZ插件 视频中心3.0(1)
12-04
discuz论坛插件DZ插件 视频中心3.0(1) .
html内嵌视频播放窗口框架
热衷开源的Boy
07-25 1047
<section class="property-video common"> <h4 class="entry-title">Video Tour</h4> <iframe src="API视频接口" allowfullscreen></iframe> </section>
html video好的样式,html5音视频播放及CSS效果样式搭配
weixin_33460449的博客
06-11 676
这几天一直在研究html5环境下样式效果展现问题，htm5的标签更加简洁，结合jquery和bootstrap3，能够很好地做出自己想要的比较绚丽的页面特效。这里介绍下音视频播放用到的js库：音频播放：audio.jshttp://kolber.github.io/audiojs/经过下面几步轻松搞定：InstallationPut audio.js, player-graphics.gif &a...
HTML标签汇总（基础图像、音频、视频和链接部分）
HZS_Song的博客
02-02 1283
HTML标签汇总（图像、音频、视频和链接部分） <img> 向网页上嵌入了一副图像。 从技术上讲，<img>标签创建是被引用图像的占位空间，然后从网上链接图像 必需的属性 属性 值 描述 alt text 规定图像的代替文本 src URL 规定显示图形的URL 可选的属性 属性 值 描述 height pixels% 设置图...
HTML5视频播放框架
weixin_33895016的博客
04-09 1041
Shumway 是一个 JS/HTML 库，利用开放 Web 技术来显示 SWF (Flash) 内容。 JWPlayer[视频插件] JWPLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器，支持Sliverlight播放，可以通过一个XML文件使播放器自动切换显示一组图片，并播放背景音乐。 html5media[视频插件] html5me...
Aulas_HTML
03-31
5. **框架与多媒体**: 学习如何嵌入音频、视频和图像，以及使用`<iframe>`创建网页内的框架。 6. **HTML5新特性**: 探索HTML5引入的新元素和功能，如`<canvas>`用于绘制图形，`<audio>`和`<video>`用于媒体播放，`...
holbertonschool-web_front_end：前端的项目基础学习
02-28
5. **框架与布局**：<iframe>元素可以将另一个网页嵌入到当前页面中，便于实现部分内容的动态加载。此外，CSS布局技术如Flexbox和Grid也可用于更灵活的页面布局。 6. **样式控制**：虽然该项目主要关注HTML，但了解...
examen
04-01
HTML5引入了许多新元素，增强了网页的多媒体支持，如`<audio>`和`<video>`用于音频和视频，`<canvas>`用于图形绘制，`<figure>`和`<figcaption>`用于图像和图注，还有`<section>`、`<article>`等结构化元素。...
HTML的超链接、视频、音频及内嵌框架
qq_48315043的博客
10-06 859
一、超链接 超链接：当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接1、超链接标签： <a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a> 'href'属性：值是要跳转的页面的地址,通常用'#'表示空链接 'target'属性：新页面打开的方式,取值有'_self'和'_blank' '_self'表示在原窗口打开页面,是'target'属性的默认值 '_blank'表示在新窗口中打开.
iframe的窗口名称（window对象的name属性）
GRAY_KEY的博客
02-25 3551
举个栗子： 现有一个 a.jsp 页面，通过 iframe 嵌套一个 b.jsp 页面。 对于 a.jsp 页面的窗口名称，可以在js脚本中通过 window.name 来获取； 而 b.jsp 这一嵌套页面，同样是在js脚本中通过 window.name 来获取，不同的是： 如果 a.jsp 页面中的 iframe嵌套语句 如下： &lt;iframe  src="/hello" &...
HTML框架集
李昆鹏的博客
05-08 7841
-------------------------------------------HTML框架集-------------------------------------------------- HTML框架集body和框架集标签不同时使用。                            框架集标签：frameset                                  ...
关于Iframe
Something的博客
11-19 229
虽然iframe现在不推荐大量使用，但是某些时候迫不得已，比如模拟窗口，或者HTML在线编辑器等。 iframe的优点就是隔离上下文网页，缺点也很明显大量使用，打开一个网页加载过多iframe体验很不友好而且影响网页加载速度。 今天主要说说iframe的相关属性，以及加载与刷新。 <iframe id="mapFrame" name="mapFrame" allowfullscreen="true" webkitallowfullscreen="true"
android webkit html5视频处理框架
haima1998的专栏
10-19 831
html5游戏视频UI框架,几款流行的HTML5 UI 框架比较
weixin_42360977的博客
05-31 194
手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI框架。作者(启明星工作室 http://www.dotnetcms.org)比较一下几款流行的HTML5框架，个人意见，仅供参考。(1)MUI网址：http://dev.dcloud.net.cn/mui/优点：MUI是数字dclound推出的一款流行框架，个人感觉,这是目前最好的一个H5 UI框架，使用简单，操作方便。缺...
页面中插入视频的方法---video/embed/iframe总结
aodianzhi4482的博客
05-31 9203
1. video标签 当前主流的方法当然是HTML5中的video标签了，但是 当前，video 元素只支持三种视频格式： Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如...
iframe语法介绍和iframe标识使用
twosecond
06-23 798
  Iframe是个比较新的标识。但是从它的参数来说和普通的html标识没有什么大的区别，相信大家都用过frame（框架）来布局你的网页，其实iframe和frame功能一样，不同的是它是个浮动框架，你可以把Iframe布置在你网页中的任何位置，包括层中，这种极大的自由度可以给网页设计带来很大的灵活性，所以学会使用它是非常必要的。下面介绍它的主要属性Name="" 给框架命
H5制作视频网页的架构
weixin_43669384的博客
06-21 1487
这是我的作业用啦五个小时做到凌晨三点才做完，以个人的角度去看感觉不错。今天我们先说一下这个H5做的视频网站的构架。 首先我们要有一个主页设成one.html要注意在做多个网页之间相互切换时不要弄混，整理好思路， 那个页面是干什么的连接好设的名字要有规律如two.html three.html接着排下去 我们要掌握的东西 HTML框架 <!DOCTYPE html> <html l...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值