autoplay

一、Audio标签 Web 上的音频 直到现在，仍然不存在一项旨在网页上播放音频的标准。 今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 二、音频格式 当前，audio 元素支持三种音频格式： IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis √ √ √ MP3 √ √ √ Wav √ √ √ 三、使用 <audio src="test.mp3" autoplay="autoplay" controls="controls" id="audio1" loop="loop"> 您的浏览器不支持音频标签 </audio> 四、<audio> 标签的属性 属性 值 描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。 loop loop 如果出现该属性，则每当音频结束时重新开始播放。 preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。 如果使用 "autoplay"，则忽略该属性。 src url

标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 1 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度 1 获取HTMLVideoElement和HTMLAudioElement对象 1 //audio可以直接通过new创建对象 2 Media = newAudio("http://www.abc.com/test.mp3"); 3 //audio和video都可以通过标签获取对象 4 Media = document.getElementByIdx_x("media"); Media方法和属性： HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement 01 //错误状态 02 Media.error; //null:正常 03 Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效 04 //网络状态 05 Media.currentSrc; //返回当前资源的URL 06 Media.src = value; /

标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 1 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度 1 获取HTMLVideoElement和HTMLAudioElement对象 1 //audio可以直接通过new创建对象 2 Media = newAudio("http://www.abc.com/test.mp3"); 3 //audio和video都可以通过标签获取对象 4 Media = document.getElementByIdx_x("media"); Media方法和属性： HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement 01 //错误状态 02 Media.error; //null:正常 03 Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效 04 //网络状态 05 Media.currentSrc; //返回当前资源的URL 06 Media.src = value; /

现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视频，包括video标签的使用，视频对象可以用到的媒介属性和方法，以及媒介事件。 Video标签的使用 Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性， 以及一个内部使用的标签<source>。Video标签内除了可以包含<source>标签外，还可以包含当指定的视频都不能 播放时，返回的内容。 (1) src属性和poster属性 你能想象src属性是用来干啥的。跟<img>标签的一样，这个属性用于指定视频的地址。而poster属性用于指定一张图片，在当前视频数据无效时显示（预览图）。视频数据无效可能是视频正在加载，可能是视频地址错误等等。 < video width="658" height="444" src="http://www.youname.com/images/first.mp4" poster="http://www.youname.com/images/first.png"

多媒体元素 video 视频 audio 音频 video controls：控制控件的显示，取值只能为controls autoplay:布尔属性，自动播放 muted：布尔属性，静音播放 loop：布尔属性，循环播放 <video controls="controls" autoplay="ture" muted="ture" loop="ture" src="./media/running.MP4"></video> 某些属性，只有两种状态 不写 取值为属性名，这种属性叫做布尔属性 布尔属性，在HTML5中，可以不用书写属性值 <video controls autoplay muted loop src="./media/running.MP4"></video> audio 和视频完全一致 <audio controls autoplay muted loop src="./media/田馥甄+-+小幸运.mp3"></audio> 兼容性 旧版本的游览器不支持这两个元素 不同的游览器支持的音视频格式可能不一样，所有都应该写上不同的格式 如果游览器版本过低可添加a元素让其下载最新版本 来源： https://www.cnblogs.com/landuo629/p/12430208.html

用if循环当游戏分数达到520分时，将弹出准备收获小惊喜的弹窗，再通过 window.location.href="js/suiprise.html"; 实现当前页面打开URL页面，从原来的页面跳转到另一个新的页面。 location.href 常见的几种形式： self . location . href ; //当前页面打开URL页面 window . location . href ; //当前页面打开URL页面 this . location . href ; //当前页面打开URL页面 location . href ; // 当前页面打开URL页面 parent . location . href ; //在父页面打开新页面 top . location . href ; //在顶层页面打开新页面 四、构建新的页面 1. 设置背景图片 在< head >对中创建< style >对，添加对象body{ }中包含背景图设置 background - image : url ( . . / img / b . jpg ) ; //设置背景图片，图片位于img文件中 background - size : auto ; //图片尺寸为原图尺寸 background - repeat : repeat ; //重复背景图，实现平铺 background - attachment

实例 设置为自动播放的 video 元素： <video controls="controls" autoplay="autoplay"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> Your browser does not support the video tag. </video> 定义和用法 autoplay 属性规定一旦视频就绪马上开始播放。 如果设置了该属性，视频将自动播放。 HTML 4.01 与 HTML 5 之间的差异 autoplay 属性是 HTML 5 中的新属性。 语法 <video autoplay="autoplay" /> 来源： https://www.cnblogs.com/sunlinsong/p/12289846.html