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

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

阅读量：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/

你可能感兴趣的文章

RTSP/RTP协议直播推送库EasyPusher推RTSP流至EasyDarwin开源平台实现自定义Stream

查看>>

ESP32 基础篇：ESP-IDF 编程指南

查看>>

andriod错误收集及解决不断更新

查看>>

VUE使用 wx-open-launch-app 组件开发微信打开APP功能

查看>>

React-navigation物理返回键提示效果BackHandler

查看>>

intellij 提示 java-numbers.iml does not exist 不存在

查看>>

Confluence 6 让 Jira 应用停止发送通知到 Confluence

查看>>

【OpenCV】 2.4.13-编程过程遇到问题记录

查看>>

Wireshark抓包实验

查看>>

maven仓库设置，windows和mac

查看>>

Android错误收集

查看>>

浙大机器学习课程-8-支持向量机（原问题转化为对偶问题）

流媒体音视频服务云管理平台EasyNVS平台中视频播放页面出现错误码的问题解决

查看>>

渗透测试学习笔记之案例五

查看>>

Pentest Wiki Part4 后渗透(二)

查看>>

Shell脚本实现Linux回收站

查看>>