[学习笔记] HTML5&CSS3-充实笔记0427 [推广有奖]

51关注
7粉丝

大师

17%

还不是VIP/贵宾

威望: 1 级
论坛币: 84520 个
通用积分: 11312.4871
学术水平: 666 点
热心指数: 821 点
信用等级: 732 点
经验: 398874 点
帖子: 16369
精华: 0
在线时间: 3321 小时
注册时间: 2016-7-9
最后登录: 2024-6-4

楼主

HappyAndy_Lo 发表于 2019-4-27 13:20:12 |只看作者 |坛友微信交流群|倒序 |AI写论文

是否 +2 论坛币

k人参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

例子：
<h3>加入影片</h3>
<video controls="controls">
<source src="multimedia/butterfly.mp4" type="video/mp4" />
<source src="multimedia/butterfly.ogg" type="video/ogg" />
你的浏览器不支持此影音播放模式！
</video>

常见的视频编码与译码技术有H.264、Ogg Theora、WebM/VP8 三种。处理音频的是Ogg Vorbis；
H.264编码编码适用于多种影片格式，例如QuickTime的MOV文件、优酷等各大网络影音网站中常见的FLV文件；
WebM是Google发布的影音编码格式

添加Flash动画
Flash动画是矢量格式，文件小且不失真，不仅可以加入音效，还可以制作交互效果。
<embed src="movie.swf" width="100" height="100"  />

传统的影音播放器，是使用<object>标记
<iframe>也可以嵌入视频。src="http://domain/embed/uq2RBrjP3KQ?autoplay=1" </iframe>  自动播放
ch5. 网页存储Web Storage
是一种将少量数据存储在客户端（client）磁盘的技术。使用JavaScript来操作

早前，网页中是使用Cookie。Cookie与Web Storage两者既有不同处，也有相似处。
大小不同（Cookie 4kb，Web Storage容量由Browser决定，一般1M-5M）
安全性不同（Cookie每次处理网页的请求都会连带发送Cookie值给服务器，使得安全性降低。WebStorage纯粹运行在客户端）
都以一组Key-Value对应保存数据

Web Storage提供两种方式将数据保存在客户端：
localStorage
sesssionStorage
两者差异在于生命周期和有效范围（前者执行删除命令才会消失，同一网站的网页可以跨窗口和分页；后者浏览器窗口或分页Tab关闭就会消失，仅对当前浏览器窗口或分页有效）

检测浏览器是否支持WebStorage：
if（typeof(Storage)=="undefined")
{
      alert("您的浏览器不支持Web Storage")
}else{
      //localStorage 和 sessionStorage程序代码
}
目前IE8+、Firefox、Opera、Chrome、Safari都支持Web Storage