`
JavaSam
  • 浏览: 951784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5学习笔记(一):video,audio

 
阅读更多
            function toggleVideo(){
                var oVideo = document.getElementById("myVideo");
                if (oVideo) {
                    document.body.removeChild(oVideo);
                }
                else {
                    oVideo = document.createElement("video");
                    oVideo.src = "medias/1.m4v";//MP4格式
                    oVideo.controls = "controls";//鼠标可以控制
                    oVideo.autoplay = "true";//是否页面加载后就自动播放
                    oVideo.loop = "loop";//是否循环播放
                    oVideo.id = "myVideo";
                    document.body.appendChild(oVideo);
                }
            }
 
分享到:
评论

相关推荐

    h5前端学习笔记

    2. **html 代码片段库**:HTML5的元素和属性可能被分类整理,包括新引入的语义化元素如、、等,以及媒体元素如<audio>、<video>,还有表单控件的增强等。 3. **javascript 代码片段库**:JavaScript作为前端的主要...

    HTML5学习笔记

    2. **多媒体支持**:HTML5新增了`<video>`和`<audio>`元素,使得网页可以直接嵌入视频和音频内容,不再需要借助Flash等外部插件。这两个元素支持多种格式,如`video/ogg`、`video/mp4`(视频)和`audio/ogg`、`audio...

    HTML5学习笔记(总结提炼版)——001

    3. canvas画布:HTML5的元素提供了一种在浏览器中动态绘制图形的方式,适用于创建图表、游戏或其他复杂视觉效果。 4. SVG矢量图:支持内联SVG,可以创建高质量、可缩放的图形,且文件大小相对较小。 5. 存储机制:...

    HTML5学习笔记.pdf

    HTML5 学习笔记 HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。 HTML5 中的新特性包括: * ...

    bootstrap学习笔记-html5

    2. **媒体支持**:HTML5新增了<video>和<audio>元素,使得在网页中内嵌视频和音频变得更加方便,无需依赖Flash等外部插件。 3. **离线存储**:通过离线存储(离线应用缓存或App Cache),HTML5允许开发者创建离线...

    html5学习笔记.txt

    HTML5中新增的`<video>`和`<audio>`元素,使得在网页中嵌入视频和音频文件变得简单直观,无需依赖第三方插件如Flash。这不仅提高了网页的加载速度和兼容性,也增强了用户体验。 ### Canvas元素 `<canvas>`元素是...

    html常用标签学习笔记

    以上只是HTML标签的一小部分,实际中还有许多其他标签,如用于定义章节结构的`<section>`、`<article>`等,以及用于定义多媒体内容的`<audio>`、`<video>`等。学习HTML时,理解每个标签的作用并熟练运用,是创建功能...

    html学习笔记(含标签单词解释)

    本学习笔记旨在详细介绍HTML的基本概念、常用标签及其英文单词解释,帮助初学者更好地理解和运用HTML。 一、HTML基本结构 HTML文档通常以`<!DOCTYPE html>`开头,声明当前文档为HTML5标准。接着是`<html>`标签,它...

    html css js全套学习笔记+举例

    HTML5引入了许多新特性,如语义化标签(如`<header>`、`<nav>`、`<article>`)、离线存储(Application Cache)、拖放功能、媒体元素(`<video>`、`<audio>`)等,使得创建富媒体和移动设备友好型网站变得更加容易。...

    HTML5学习笔记.docx

    此外,HTML5还增加了离线存储、拖放功能、媒体元素(如<video>和<audio>)等新特性,极大地丰富了网页内容的表现形式。 在HTML5中,还有一些常用的特殊字符,如版权符号©、注册商标符号®、非版权符号™等,它们...

    html5在移动领域开发学习笔记(ppt版)

    9. 视频和音频处理:HTML5引入了<video>和<audio>标签,使得网页可以直接嵌入多媒体内容,无需依赖Flash等插件。同时,MediaSource Extensions (MSE) 和 Encrypted Media Extensions (EME) 支持更高级的媒体流和版权...

    Essential Guide to HTML5学习笔记

    HTML5引入了<video>和<audio>元素,使得在网页中内嵌音频和视频变得更加简单。不再需要Flash等第三方插件,开发者可以直接控制播放、暂停、音量等功能。 四、Canvas与SVG图形 1. 元素允许动态渲染图形,通过...

    html5教程.pdf

    其次,HTML5 估计到 2014 年才能逐步成熟,而且将现有应用 Flash 的网络开发完全转向 HTML5 还需要一段时间。尽管 HTML5 提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。 再次,HTML5 很可能会是独立...

    Html5原生游戏开发学习笔记.zip

    这篇学习笔记将深入探讨HTML5游戏开发的关键技术和实践方法。 首先,我们要理解HTML5的基础。HTML5是超文本标记语言的最新版本,它增强了网页的结构化和语义化能力,引入了新的元素如`<canvas>`、`<audio>`和`...

    我的学习HTML5 笔记

    本笔记将详细探讨HTML5的关键特性及其在实际开发中的应用。 一、HTML5的新结构元素 HTML5引入了一系列新的结构元素,帮助开发者更好地组织网页内容,提升语义化。例如: 1. `<header>`:页面或部分的头部,通常包含...

    HTML学习笔记

    3. **html.chm**: 另一个CHM文件可能提供了更深入的HTML知识,可能涵盖了HTML5的新特性,如语义化元素(如`<header>`, `<nav>`, `<article>`等),媒体元素(如`<audio>`, `<video>`)以及离线存储(`...

    html 学习笔记

    HTML5引入了<audio>和<video>标签来支持音频和视频内容。 5. 列表:HTML支持有序列表和无序列表,以及列表项。它们常用于组织信息。 6. 表格:元素用于创建表格,表示行,为表头单元格,为普通数据单元格。用于...

Global site tag (gtag.js) - Google Analytics