HTML5之内联框架和音视频标签

1、内联框架

使用iframe标签向当前页面中引入其他页面

属性：

-src 指定要引入的网页的路径

-framborder 指定内联框架的边框（只有0和1，0表示没有边框，1表示有边框）

2、音频标签

audio标签用于向页面中引入一个外部的音频文件

音频文件引入时，默认情况下，不允许用户自己控制播放停止

属性：

-controls：是否允许用户控制播放

-autoplay: 音频文件自动播放

如果设置了autoplay，则音乐在打开页面时会自动播放

但是目前为止，大部分浏览器都不会对音乐进行播放

-loop: 是否循环播放

书写方式：<audio src="./source/audio.mp3" controls autoplay loop></audio>

【注】除了通过src来指定外部的文件外，还可以通过source来指定文件的路径

示例：

<audio controls><!-- 支持的浏览器会显示播放器，不支持的会显示提示文字-->对不起，您的浏览器不支持播放音频，请升级浏览器！！！<!-- 浏览器支持第一个，就不显示下面的，不支持第一个，就顺序往下寻找支持的--><source src="./source/audio.mp3"><source src="./source/audio.ogg"><!-- 老版本，会自动播放--><embed src="./source/audio.mp3" type="audio/mp3"></audio>

3、视频标签

使用video标签来向网页中引入视频文件

使用方式与audio几乎一样

HTML5之内联框架和音视频标签相关推荐

图片标签，内联框架，音视频
图片标签图片标签用于向当前页面中引入一个外部图片使用img标签来引入外部图片,img标签是一个自结束标签 img这种元素属于替换元素(块和行内元素之间,具有两种元素的特点) 属性: src 属性指 ...
内联框架和音视频的播放
内联框架的作用:用于向当前页面引入一个其他页面 <iframe src="指定引入网页的路径" frameborder="0"(指定内联框架的边框,0表示 ...
HTML5学习笔记之音视频标签
HTML5学习笔记之音视频标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习 ...
Web前端开发笔记——第二章 HTML语言第十节画布标签、音视频标签
目录一.画布标签二.音视频标签 (一)音频标签 (二)视频标签 (三)资源标签结语一.画布标签 <canvas> </canvas> 画布标签用于图形.字符等的绘制,它 ...
H5新特性（一）——音视频标签
H5新特性--音视频标签大家都有在网页中浏览音频和视频的经历,在HTML5之前,对视频和音频没有一个标准,因此在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是 R ...
【HTML】音视频标签（audio、video、embed）
音视频标签(audio.video.embed) 音频 audio标签属性 controls autoplay loop 使用方式提示用户升级浏览器浏览器不支持MP3格式兼容低版本浏览器(em ...
CSS介绍/音视频标签/字体/文本/选择器
7.css介绍 1.什么是css? Cascading Style Sheets 通常称为css样式表.层叠样式表和级联样式表 , 给页面设置样式. 2.css引入方式--行间样式概述: 通过HTM ...
内联框架和音视频播放
内联框架用iframe标签表示,用于在一个网页中引入另一个网页 src:引入途径 frameborder:边框大小 <iframe src="http://baidu.com&quo ...
HTML学习04之内联框架和表单
内联框架 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

HTML5之内联框架和音视频标签

HTML5之内联框架和音视频标签相关推荐

最新文章

热门文章