Update sticky doc

Update sticky providers Add border radius on sticky element
vlitejs · May 2, 2023 · dfcd78b · dfcd78b
1 parent 94b2f5a
commit dfcd78b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/src/plugins/sticky/README.md b/src/plugins/sticky/README.md
@@ -4,15 +4,15 @@ Supports for sticky mode.
 
 ## Overview
 
-| <!-- -->          | <!-- -->                                 |
-| ----------------- | ---------------------------------------- |
-| Name              | `sticky`                                 |
-| Global name&sup1; | `window.VlitejsSticky`                   |
-| Path              | `vlitejs/dist/plugins/sticky`            |
-| Entry point       | `vlitejs/dist/plugins/sticky/sticky.js`  |
-| Stylesheet        | `vlitejs/dist/plugins/sticky/sticky.css` |
-| Provider&sup2;    | `'html5'`                                |
-| Media type&sup3;  | `'video'`                                |
+| <!-- -->          | <!-- -->                                     |
+| ----------------- | -------------------------------------------- |
+| Name              | `sticky`                                     |
+| Global name&sup1; | `window.VlitejsSticky`                       |
+| Path              | `vlitejs/dist/plugins/sticky`                |
+| Entry point       | `vlitejs/dist/plugins/sticky/sticky.js`      |
+| Stylesheet        | `vlitejs/dist/plugins/sticky/sticky.css`     |
+| Provider&sup2;    | `'html5', 'youtube', 'vimeo', 'dailymotion'` |
+| Media type&sup3;  | `'video'`                                    |
 
 > **Note** _&sup1; Useful only if `vLitejs` is included with a `<script>` tag (see [CDN](../../../README.md#CDN) section)._
 
@@ -59,7 +59,7 @@ The plugin allows customization with an optional object as the third parameter o
 | `ratio`    | `Number` |    `16/9`     | Specify the ratio of the sticky player                                                                                                                                                         |
 
 ```js
-Vlitejs.registerPlugin('cast', VlitejsCast, {
+Vlitejs.registerPlugin('sticky', VlitejsSticky, {
   mode: 'instant',
   offset: 20,
   width: 400,

diff --git a/src/plugins/sticky/sticky.css b/src/plugins/sticky/sticky.css
@@ -6,6 +6,8 @@
 				top: 0;
 				left: 0;
 				z-index: 1;
+				border-radius: 8px;
+				overflow: hidden;
 			}
 
 			&-closeStickyButton {

diff --git a/src/plugins/sticky/sticky.ts b/src/plugins/sticky/sticky.ts
@@ -23,7 +23,7 @@ export default class Sticky {
 	observer!: IntersectionObserver
 	resizeTimer!: number
 
-	providers = ['html5']
+	providers = ['html5', 'youtube', 'dailymotion', 'vimeo']
 	types = ['video']
 
 	/**