2024年10月30日
网页视频播放器选择调研报告
可选方案：
html5 video标签
flash播放器
html5 + flash
简要说明：
html5: 由于各浏览器并没有对html5完美支持，单纯使用html5 video标签的方案无法满足需求。
Flash播放器：目前网页播放器主要都还是采用flash播放器，功能强大，API接口丰富，兼容性好，但是需要浏览器单独安装flash插件。
html5 + flash: 这种方案是一种主流趋势，由于html5原生支持video标签直接可以在浏览器中播放视频，不需要安装任何插件，在支持html5的浏览器采用这种方案，不支持html5的浏览器采用退化flash方案。
2024年10月30日
什么也不说，先上设计出来的效果图！
VIDEO+CSS3效果图
如今HTML5已成网页、APP应用等开发炙手可热的一门技术，而视频播放器VIDEO也是其中一大亮点。在开发相关应用时，可能经常遇到video不兼容或其他疑难杂症的情况，但对症下药，问题也能迎刃而解。且看如下视频播放器VIDEO设置部分代码：
上面部分代码，几个值得注意的部分：
其一，在iOS中禁止全屏播放，需要在video标签加入属性 webkit-playsinline；
2024年10月30日
实例
一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
2024年10月30日
公司有个新项目由我这边独立选型开发，项目需求是做一个英文的产品展示官网，考虑到项目比较简单且周期不长，最终决定使用 Nuxt 框架来进行开发。
开发过程还算顺利，但中途遇到一个 Bug 花了我不少的时间，在网上找了许久，仅能检索到极少数相关内容，都是在 Vue 的 Github 仓库中的 issues，且最终仍未能够找到问题所在，当然这也许并不是 Bug，而是框架本身设计的就是这样。
2024年10月30日
video标签是属于html5标签，所以兼容性理论上是在ie9+以及chrome、火狐等浏览器，但是实际情况却不容乐观，以下是切图网在响应式的前端项目开发中遇到的问题，以及解决方案。
HTML5 Video Poster 封面图片不支持 IE9
为了使您的HTML5视频的海报图像显示在IE9中，您应该将preload =“none”添加到<video>标记。如果视频加载，IE9似乎会覆盖html5海报图像。通过添加属性不允许它预加载，海报图像在IE 9浏览器中正常工作。
2024年10月30日
Video的基本使用方法
1）<video src="url">您的浏览器不支持video标签，请使用google浏览器浏览</video>
2）加入要添加预加载图片，添加属性poster="图片URL"
<video poster="图片的url">
<source src="视频URL"></source>
您的浏览器不支持video标签，请使用google浏览器浏览
2024年10月30日
1.在文档类型声明上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns2024年10月30日
meta标签介绍
meta标签是HTML语言head区域的一个辅助性标签，常用于定义页面的说明，关键字，最后修改的日期和其他的元数据。这些元数据将服务于浏览器，搜索引擎和其他网络服务。
meta标签的组成
meta标签共有两个属性，分别是http-equiv属性和name属性。
name属性
name属性主要是用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。
2024年10月30日
高级版HTML视频教程（全网原创首发！）
什么是HTML?HTML指的是超文本标记语言，它是从事网页设计工作的基础，也是网站开发者必须熟练掌握的一门标记语言。应广大学员的强烈要求，我爱自学网特推出《HTML基础教程》，希望能得到广大学员的支持。