夜光带你走进前端工程师（四）-白红宇

夜光带你走进前端工程师（四）

阅读量：262 次

发布时间：2019-03-01

本文共 1345 字，大约阅读时间需要 4 分钟。

夜光序言：

在人类前进的道路上，强者与弱者的命运是不同的。弱者不羡慕强者的命运，强者也讨厌弱者的命运。强者带有人性中强悍的一面，弱者带有人性中软弱的一面。强者为弱者开辟道路，但是强者往往为弱者所奴役，就像老人是为大腹便便的游客打鱼一样。

正文：

关键点在于 x,y

<img src="sheji.jpg" usemap="#map1"> <!-- //加一个#导向map1-->

<form>

<input type="image" src="sheji.jpg"

</form>

<map name="map1"> 

<area href="time.html" shape="rect" coords="">

<area href="">

<area>

</map>

需要新建区域的html，之后选择相应区域

倘若图形是一个圆的话，可以考虑这样

<img src="1.jpg" width="524" usemap="#map2">

<map name="mape2">

<area href="biaodan%20test3.html" shape="circle" coords="262，262，262">

262{左边缘到圆心}，262{右边缘到圆心}，262{半径}

<img src="sheji.jpg" width="600">

</a>

来分析一下这句话：

<img src="sheji.jpg" width="600">

</a>

你看这句话可以设置整张图片不管点击哪里都会进入超链接，从而形成一种转换方式，_blank

Html5多媒体-视频

1：html5支持直接在浏览器中播放音频和视频文件

2：插件是令浏览器崩溃的主要原因之一，特别是flash存在很多问题

使用<video></video>元素

在网页里面嵌入视频内容

Src 来源

Height

Width

Autoplay {网页完成以后自动播放视频}

Preload {预先载入视频 1：none 不会载入 2：metadata只载入第一帧 3：auto 请求下载整个视频}

Controls 控制整个视频

Loop 视频循环播放

Poster 视频载入时显示图片

Muted 视频静音

设置一个height来控制大小，还有width属性

这个还不行，还需要设置autoplay control 属性

<body>

<video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls></video>

</body>

换一种：

<body>

<video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls poster="">

<source src="让我留在你身边%20初见版.mp4" type="video/mp4">

</video>

转载地址：http://bgbo.baihongyu.com/

你可能感兴趣的文章

大牛手把手带你！Flutter尽然还能有这种操作！面试建议

查看>>

如何成为一个更好的Android开发者？写给正在求职的安卓开发

查看>>

小白看完都会了！阿里云大师深入拆解Java虚拟机，看完这一篇你就懂了

查看>>

【IT之路】MySQL基础-MySQL常见操作

查看>>

【IT之路】Docker系列-CentOS Docker 安装

查看>>

【IT之路】FAQ-Hibernate报错：表不存在

查看>>

VHDL-边沿触发的加法计数器与七段数码管显示

DataWay四种请求类型传参说明及缓存问题

查看>>