Skip to content

Commit 21ec23f

Browse files
authored
Merge pull request #40 from vb/feat/remove-vine-support
feat: removed support for vine
2 parents 55b708e + 6571dcf commit 21ec23f

File tree

9 files changed

+36
-103
lines changed

9 files changed

+36
-103
lines changed

README.md

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@ Dependency-free library for lazyloading iframes. [Demo](https://vb.github.io/laz
88

99
Because embedded content takes time to load.
1010

11-
* **Youtube** – 11 requests ≈ 580kb
12-
* **Google maps** – 52 requests ≈ 580kb
13-
* **Vimeo** – 8 requests ≈ 145kb
11+
- **Youtube** – 11 requests ≈ 580kb
12+
- **Google maps** – 52 requests ≈ 580kb
13+
- **Vimeo** – 8 requests ≈ 145kb
1414

1515
Lazyframe creates a responsive placeholder for embedded content and requests it when the user interacts with it. This decreases the page load and idle time.
1616

17-
Lazyframe comes with brand-like themes for Youtube, Vimeo and Vine.
17+
Lazyframe comes with brand-like themes for Youtube and Vimeo.
1818

1919
1. [Install](#install)
2020
2. [Import](#import)
@@ -40,7 +40,7 @@ $ bower install lazyframe
4040
JavaScript ES6 imports
4141

4242
```js
43-
import lazyframe from 'lazyframe';
43+
import lazyframe from "lazyframe";
4444
```
4545

4646
Include JavaScript in html
@@ -58,21 +58,21 @@ Sass import
5858
Include css in html
5959

6060
```html
61-
<link rel="stylesheet" href="dist/lazyframe.css">
61+
<link rel="stylesheet" href="dist/lazyframe.css" />
6262
```
6363

6464
### Initialize
6565

6666
```js
6767
// Passing a selector
68-
lazyframe('.lazyframe');
68+
lazyframe(".lazyframe");
6969

7070
// Passing a nodelist
71-
let elements = document.querySelectorAll('.lazyframe');
71+
let elements = document.querySelectorAll(".lazyframe");
7272
lazyframe(elements);
7373

7474
// Passing a jQuery object
75-
let elements = $('.lazyframe');
75+
let elements = $(".lazyframe");
7676
lazyframe(elements);
7777
```
7878

@@ -84,16 +84,16 @@ General options and corresponding defaults
8484

8585
```js
8686
lazyframe(elements, {
87-
apikey: undefined,
88-
debounce: 250,
89-
lazyload: true,
90-
autoplay: true,
91-
92-
// Callbacks
93-
onLoad: (lazyframe) => console.log(lazyframe),
94-
onAppend: (iframe) => console.log(iframe),
95-
onThumbnailLoad: (img) => console.log(img)
96-
})
87+
apikey: undefined,
88+
debounce: 250,
89+
lazyload: true,
90+
autoplay: true,
91+
92+
// Callbacks
93+
onLoad: (lazyframe) => console.log(lazyframe),
94+
onAppend: (iframe) => console.log(iframe),
95+
onThumbnailLoad: (img) => console.log(img),
96+
});
9797
```
9898

9999
### `apikey`
@@ -130,20 +130,20 @@ Callback function with the thumbnail URL
130130

131131
```html
132132
<div
133-
class="lazyframe"
134-
data-vendor=""
135-
data-title=""
136-
data-thumbnail=""
137-
data-src=""
138-
data-ratio="1:1"
139-
data-initinview="false"
140-
data-autoplay="false">
141-
</div>
133+
class="lazyframe"
134+
data-vendor=""
135+
data-title=""
136+
data-thumbnail=""
137+
data-src=""
138+
data-ratio="1:1"
139+
data-initinview="false"
140+
data-autoplay="false"
141+
></div>
142142
```
143143

144144
### `data-vendor`
145145

146-
Attribute for theming lazyframe. Currently supported values are `youtube`, `youtube_nocookie`, `vimeo` and `vine`.
146+
Attribute for theming lazyframe. Currently supported values are `youtube`, `youtube_nocookie` and `vimeo`.
147147

148148
### `data-title`
149149

dist/lazyframe.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)