垫江人的说话讲究“以少胜多”——
“斗地主”轮到出牌的人可以不出，这时候可以不说话，鼻子一耸，双唇前伸，舌头后吮，发出“居”的一声……
有一回，有个乡下人进城问路，被城里人“居”了之后，不明所以，继续问，城里人生了气:我跟你“居”了的……你还不晓得么？
啥子叫“居”了的嘛？
“居了”就是不知道！
我的小孙女两三岁的时候，手上拿根木棒，问她奶奶:奶奶，你说，我敢不敢打你？她奶奶一声断喝:敢！一棒打去，简洁干脆，“哎呀，莽子，你把奶奶打疼了”我在一旁乐了：你说的“敢”呢嘛！为什么不能打？
我说的“敢”，就是“不敢”
你是个反问句“难道你敢吗”，表达为陈述句，就是“不敢”……她目前还没有懂得你们的表达方式！
垫江人摆龙门阵，只要不赞成别人的观点，就说“你想得出来！”
这句话，我给复习班上课的时侯，就问过他们:这句话省略了很多内容，我们来补充一下：
1、（这样的烂主意）你（也）想得出来！（你是多么～～啊）。
2、（这样的烂主意）你（也）想得出来（你是多么～～，你不仅想出来了，还说出来了，你不仅仅是智商低，你还情商低，想到就说——你还是人么？）
3、智商低，走远点：情商低，该去死了！
垫江人“幽默风趣”——正话反说，反话正说。一本正经开玩笑，嬉皮笑脸说正事。化腐朽为神奇，化神奇为腐朽！
林林总总，市井万象，不在其中“浸润”十年八年，能够听懂垫江话，难矣哉！
“斗地主”轮到出牌的人可以不出，这时候可以不说话，鼻子一耸，双唇前伸，舌头后吮，发出“居”的一声……
有一回，有个乡下人进城问路，被城里人“居”了之后，不明所以，继续问，城里人生了气:我跟你“居”了的……你还不晓得么？
啥子叫“居”了的嘛？
“居了”就是不知道！
我的小孙女两三岁的时候，手上拿根木棒，问她奶奶:奶奶，你说，我敢不敢打你？她奶奶一声断喝:敢！一棒打去，简洁干脆，“哎呀，莽子，你把奶奶打疼了”我在一旁乐了：你说的“敢”呢嘛！为什么不能打？
我说的“敢”，就是“不敢”
你是个反问句“难道你敢吗”，表达为陈述句，就是“不敢”……她目前还没有懂得你们的表达方式！
垫江人摆龙门阵，只要不赞成别人的观点，就说“你想得出来！”
这句话，我给复习班上课的时侯，就问过他们:这句话省略了很多内容，我们来补充一下：
1、（这样的烂主意）你（也）想得出来！（你是多么～～啊）。
2、（这样的烂主意）你（也）想得出来（你是多么～～，你不仅想出来了，还说出来了，你不仅仅是智商低，你还情商低，想到就说——你还是人么？）
3、智商低，走远点：情商低，该去死了！
垫江人“幽默风趣”——正话反说，反话正说。一本正经开玩笑，嬉皮笑脸说正事。化腐朽为神奇，化神奇为腐朽！
林林总总，市井万象，不在其中“浸润”十年八年，能够听懂垫江话，难矣哉！
体育场“龙门鱼府”往南几十米有个“王幺妹副食店”，人行道边有几套捡来的桌子（也有“办公桌”）和凳子（也有沙发），店主卖散装白酒，也可以零卖炒胡豆，豌豆，花生......杂七杂八的佐酒物。如果不是风雨交加，座上客常满：有浅酌低吟的，有自言自语的，有要噀不噀的，有疾言厉色的......有一回，当场喝死一个，相关执法部门，职能部门立即介入，封存各类食品化验，结果出来了——一切正常，于是“名声大噪 ”被我们西边城区尊称为“垫江大酒店”，越是食客盈门！
那个“王幺妹”也是一个有趣的人：小本生意，来的都是客，笑脸相迎笑脸相送，丰俭由己细大不捐。甚至还可以做点“凉拌菜”用牙签夺起吃......这里的食客才是真正的“酒客”，嗜酒如命，不喝即病。
有一回，我在职中公务，工作餐已经端起了，冯校长家权电话打得嘟嘟作响：“工作餐顿起，快点回来喝酒......”，我不允，他就吼：“有好酒好菜哈，还有你的至好的朋友喔，不来不开席哟——”
“好嘛好嘛”，我这个人也是“宁伤身体不伤感情”的人，急匆匆往一中赶，路过“王幺妹副食店”，路边一个老帅锅正坐在矮凳上就方凳上喝一个大“纸杯”里的白酒，那一口至少下了一两酒，我看呆了：耶，锅子，莫咬深了嘛！
唉，这一口，我等了一上午，舒服！
早点来嘛，何必等呢？
那个“王幺妹”也是一个有趣的人：小本生意，来的都是客，笑脸相迎笑脸相送，丰俭由己细大不捐。甚至还可以做点“凉拌菜”用牙签夺起吃......这里的食客才是真正的“酒客”，嗜酒如命，不喝即病。
有一回，我在职中公务，工作餐已经端起了，冯校长家权电话打得嘟嘟作响：“工作餐顿起，快点回来喝酒......”，我不允，他就吼：“有好酒好菜哈，还有你的至好的朋友喔，不来不开席哟——”
“好嘛好嘛”，我这个人也是“宁伤身体不伤感情”的人，急匆匆往一中赶，路过“王幺妹副食店”，路边一个老帅锅正坐在矮凳上就方凳上喝一个大“纸杯”里的白酒，那一口至少下了一两酒，我看呆了：耶，锅子，莫咬深了嘛！
唉，这一口，我等了一上午，舒服！
早点来嘛，何必等呢？
H5中video和audio标签的使用
[
2019/07/29 11:36 | by 吕进 | Via 本站原创 ]
2019/07/29 11:36 | by 吕进 | Via 本站原创 ]
video主要是播放MP4视频文件，而audio以播放MP4、MP3等音频文件为主。
controls 属性设置或返回浏览器应当显示标准的视频控件。
该属性反映了video标签的controls 属性。
当使用该属性时，它指定了显示视频控件。
视频控件包含：
1、播放
2、暂停
3、进度条
4、音量
5、全屏切换（供视频）
6、字幕（当可用时）
7、轨道（当可用时）
注意： video元素是 HTML5 新增的。
文章参考：runoob.com
直接上代码：
代码一：在head引用html5media.js文件：
代码二：video标签
代码三：audio标签
如果不允许客户端执行下载，请加上nodownload：
controls 属性设置或返回浏览器应当显示标准的视频控件。
该属性反映了video标签的controls 属性。
当使用该属性时，它指定了显示视频控件。
视频控件包含：
1、播放
2、暂停
3、进度条
4、音量
5、全屏切换（供视频）
6、字幕（当可用时）
7、轨道（当可用时）
注意： video元素是 HTML5 新增的。
文章参考：runoob.com
直接上代码：
代码一：在head引用html5media.js文件：
<script src="app/html5media.js"></script>
代码二：video标签
<video width="320" height="240" controls>
<source src="/i/movie.mp4" type="video/mp4" media="screen and (min-width:320px)">
</video>
<source src="/i/movie.mp4" type="video/mp4" media="screen and (min-width:320px)">
</video>
代码三：audio标签
<audio src="../wpnb01.mp3" controls="controls" controlsList="nodownload" οncοntextmenu="return false">
</audio>
</audio>
如果不允许客户端执行下载，请加上nodownload：
引用
controlsList="nodownload" οncοntextmenu="return false"
出现背景：比如，篇幅很长的文章在手机端预览时，会出现很长的横向滚动条。
基本定义：为不同终端的用户提供更加舒适的界面和更好的用户体验。简而言之，就是一个网站能够兼容多个终端。
根本宗旨：写一次代码，跑在一万种设备上
核心思想：不就是设置宽度么？
实现方式：根据不同设备，设置不同CSS样式，设置该设备支持的页面宽（高）。
在设置时，需要注意设置顺序，如
@media screen and (min-width:1200px)
@media screen and (min-width:980px)
@media screen and (min-width:768px)
@media screen and (min-width:480px)
@media screen and (max-width:479px)
否则，后面的会覆盖前面的样式。
基本定义：为不同终端的用户提供更加舒适的界面和更好的用户体验。简而言之，就是一个网站能够兼容多个终端。
根本宗旨：写一次代码，跑在一万种设备上
核心思想：不就是设置宽度么？
实现方式：根据不同设备，设置不同CSS样式，设置该设备支持的页面宽（高）。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>响应式布局</title>
<!--
当设备最大宽度大于480px时，按不同的设备宽度使用不同的样式
即：设备宽度在480px以内时，使用移动端样式，mobile样式
-->
<link rel="stylesheet" href="css/pc.css" media="only screen and (min-width:1200px)"/>
<link rel="stylesheet" href="css/pc_zd.css" media="only screen and (min-width:980px) and (max-width:1199px)"/>
<link rel="stylesheet" href="css/pad.css" media="only screen and (min-width:768px) and (max-width:979px)"/>
<link rel="stylesheet" href="css/shouji.css" media="only screen and (min-width:480px) and (max-width:767px)"/>
<link rel="stylesheet" href="css/mobile.css" media="only screen and (max-width:479px)"/>
</head>
<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false">
<div>
<p>
响应式布局
</p>
</div>
<div></div><div></div><div></div></body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>响应式布局</title>
<!--
当设备最大宽度大于480px时，按不同的设备宽度使用不同的样式
即：设备宽度在480px以内时，使用移动端样式，mobile样式
-->
<link rel="stylesheet" href="css/pc.css" media="only screen and (min-width:1200px)"/>
<link rel="stylesheet" href="css/pc_zd.css" media="only screen and (min-width:980px) and (max-width:1199px)"/>
<link rel="stylesheet" href="css/pad.css" media="only screen and (min-width:768px) and (max-width:979px)"/>
<link rel="stylesheet" href="css/shouji.css" media="only screen and (min-width:480px) and (max-width:767px)"/>
<link rel="stylesheet" href="css/mobile.css" media="only screen and (max-width:479px)"/>
</head>
<body ondragstart="return false" oncontextmenu="return false" onselectstart="return false">
<div>
<p>
响应式布局
</p>
</div>
<div></div><div></div><div></div></body>
</html>
在设置时，需要注意设置顺序，如
@media screen and (min-width:1200px)
@media screen and (min-width:980px)
@media screen and (min-width:768px)
@media screen and (min-width:480px)
@media screen and (max-width:479px)
否则，后面的会覆盖前面的样式。
