打开B站guan 网，点击任意视频进入播放页面 打开视频播放页面后，点击播放器下方的“齿轮”按钮。
创新互联专注于赤城企业网站建设,响应式网站建设,商城网站制作。赤城网站建设公司,为赤城等地区提供建站服务。全流程按需策划设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
打开SublimeText工具，准备好所示的目录结构，目录里面包括要插入的音频文件和一个html文件。打开HTML文件，新建一个空的HTML5文档结构，所示，注意编码一定设置为UTF-8。
打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。在这里通过图示的命令来建立一个HTML5的文件。
哔哩哔哩切换播放器，需要在播放的页面里选择，才可以切换到html5播放器，切换播放器的的具体步骤为：首先打开哔哩哔哩直播间。然后在直播页面的任意地点点击鼠标右键。
在网页上搜索哔哩哔哩弹幕网，进入guan 网页面。 在哔哩哔哩弹幕网主页面，随便选择一个视频点进去，也可以选择找自己要看的视频。要点视频项进去，不然不会有HTML5播放器修改。
可以先打开想要设置播放器的软件，这里以哔哩哔哩为例，百度输入哔哩哔哩，找到guan 网点击进入。进入网站首页后，随意点击一个视频打开。
排版的时候导航条和logo在一个盒子模型内，也就是一个div内，分别定义logo和导航的宽度，然后浮动即可。
变通方案为了使border-radius 和 内嵌box-shadow能够正常工作，我们需要把图片转换成background-image的方式。动态方式为了动态完成这一工作，我们需要借助jquery为每一个图片添加背景图片的包装。
要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局使用CSS3制作导航条和毛玻璃效果 导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。
比如一个容器（body，div，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。
在HTML编辑器上即可。首先将两个要展示的图片利用定位重叠在一起。然后利用CSS3的perspective结合transform：ratateY（）属性实现翻转效果即可。
例如：index.html。在index.html中的style标签中，输入css代码：img {width： 15px； position： absolute；left： 150px； top： 17px；}。浏览器运行index.html页面，此时成功在input搜索框中添加了放大镜图片。
} /style/headbodycanvas id=FirstCanvas/canvas/body/html图形效果如下：canvas 标签只是图形容器，我们必须要使用脚本来绘制图形。
步骤1： 在 HTML 中设置画布，创建一个引用，并获取上下文对象 画布在 HTML 中通过 canvas 标签定义。与其他标签类似，canvas 的属性(如宽度和高度)作为特性输入。
HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。
右键content folder的名字，选择New-HTML File 填写File name为index或者index.html index.html是主页面，主页面不建议使用其它名字，index.html不同于其它的页面。
如上图代码通过@media screen语法，在设备不同宽度的情况下可以给同一个类赋予不同的样式，即可实现不同设备上的正常显示了。
hide() 方法隐藏被选元素。这与 CSS 属性 display：none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。
你可以先到意派guan 网上的案例库中找找灵感，然后再到其教程中心查找相关教程慢慢学，合成海报、长页面、测试题等比较简单的H5创意形式都可以自学完成。此外，你还可以直接套用一些简单的模板，比自学制作更方便一点。
