1、打开B站guan 网，点击任意视频进入播放页面 打开视频播放页面后，点击播放器下方的“齿轮”按钮。
成都创新互联是一家专注于成都网站制作、成都网站建设与策划设计,和政网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:和政等地区。和政做网站价格咨询:18980820575
2、打开SublimeText工具，准备好所示的目录结构，目录里面包括要插入的音频文件和一个html文件。打开HTML文件，新建一个空的HTML5文档结构，所示，注意编码一定设置为UTF-8。
3、打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。在这里通过图示的命令来建立一个HTML5的文件。
4、哔哩哔哩切换播放器，需要在播放的页面里选择，才可以切换到html5播放器，切换播放器的的具体步骤为：首先打开哔哩哔哩直播间。然后在直播页面的任意地点点击鼠标右键。
openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。transaction：这个方法允许我们根据情况控制事务提交或回滚。executeSql：这个方法用于执行真实的SQL查询。
先介绍三个核心方法 openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。transaction：这个方法允许我们根据情况控制事务提交或回滚。executeSql：这个方法用于执行真实的SQL查询。
建立一个web项目 把数据库驱动复制到lib目录下。数据库驱动有：mysql，sqlserver，oracle等 是什么样类型的数据导入相应驱动。编写一个连接数据库的工具类，获取一个连接。下面以mysql数据库为例。
looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。preloadpreload如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用autoplay，则忽略该属性。srcurl要播放的视频的URL。
纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行play可以）。
浏览器将使用第一个可识别的格式，这样我们只要多准备几个不同格式的视频就可以了。
1、Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。
2、关系数据库，通过SQL语句访问 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
3、}数据存储： indexedDB中没有表的概念，而是objectStore，一个数据库中可以包含多个objectStore，objectStore是一个灵活的数据结构，可以存放多种类型数据。也就是说一个objectStore相当于一张表，里面存储的每条数据和一个键相关联。
4、HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。
5、首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。
6、为了 Cookie的一系列限制，HTML5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS更有效率。
