在我们以往看到的页面效果中，很多效果是需要JS搭配使用的，而今天在本文中，我将介绍如何使用纯HTML打造属于自己的实用效果。1.**折叠手风琴**使用Details和Summary标签可以创建没有JavaScript代码的可折叠手风琴。效果：HTML<details><summary>LanguagesUsed</summary><p>Thispag
分类：
Web程序 时间：
2019-11-17 12:37:45
阅读次数：
78
html5 点击播放video的方法<pre> <video videosrc="{$vo.shipinurl}" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster=""> </video> var v ...
分类：
Web程序 时间：
2019-11-14 12:30:57
阅读次数：
310
```html audio标签 注意点: audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样 只不过有3个属性不能用, height/width/poster --> --> ``` ...
分类：
Web程序 时间：
2019-10-13 20:38:23
阅读次数：
112
video在各版本ios和安卓上面表现形式都有所区别，为了解决这一问题我在网上找了许多方法，看见甚至有采取重写控件的方式来解决，这里亲自尝试了一下，提供一个简单而又能解决大部分移动端兼容的方式： 给video加上 webkit-playsinline="" playsinline="" x5-pla ...
分类：
移动开发 时间：
2019-10-12 18:57:00
阅读次数：
266
1.video：支持的三种格式：Ogg，MPEG4，WebM。 Src属性：要播放视频的地址。 Width属性：宽度。 Height属性：高度。 Autoplay属性：自动播放。 Loop属性：循环播放。 Controls属性：向用户展示控件，如播放按钮。 Poster属性：视频播放前的预览图片。 ...
分类：
其他好文 时间：
2019-10-04 13:17:59
阅读次数：
90
首先需要 import html2canvas from 'html2canvas'; import {Canvas2Image} from '../../assets/js/plug/canvas2image.js'; getBase64Image(data) { let that = this; ...
分类：
Web程序 时间：
2019-08-28 18:26:12
阅读次数：
175
在本教程第三讲Spring Cloud 入门教程(三)： 配置自动刷新中，通过POST方式向客户端发送/refresh请求， 可以让客户端获取到配置的最新变化。但试想一下， 在分布式系统中，如果存在很多个客户端都需要刷新改配置，通过这种方式去刷新也是一种非常痛苦的事情。那有没有什么办法让系统自动完成 ...
分类：
编程语言 时间：
2019-08-08 23:30:16
阅读次数：
186
1.获取都判电影排行榜请求地址： 上图中url中的 type是爱情片对应的type编码，start=0，limite=1，表示排行显示从第一条开始且只显示一条排行内容 一条电影item的内容如下： rating : ['9.2', '50']rank : 3cover_url : https://i ...
分类：
其他好文 时间：
2019-06-23 01:14:58
阅读次数：
109
1 2 3 1 #detail{height: auto; width: 100%; overflow: hidden;background: none; text-align: center;background:url('https://staging.all-dream.com/assets/... ...
分类：
移动开发 时间：
2019-06-11 14:58:24
阅读次数：
1018
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。 <video>标签的属性## src ：视频的属性 poster：视频封面，没有播放时显示的图片 ...
分类：
Web程序 时间：
2019-06-06 09:16:10
阅读次数：
158
