cafe-video-player 1.1.13 → 1.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/package.json +1 -1
- package/videoPlayerStyles.css +18 -0
package/README.md
CHANGED
|
@@ -36,8 +36,8 @@ export default function HomePage() {
|
|
|
36
36
|
## Example
|
|
37
37
|
|
|
38
38
|
✔ To play static videos, follow the example below:
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
- e-url corresponds to the video link, which must be base64 format
|
|
40
|
+
- e-cover corresponds to the cover link, which must be base64 format
|
|
41
41
|
|
|
42
42
|
```jsx
|
|
43
43
|
import dynamic from "next/dynamic";
|
|
@@ -104,7 +104,7 @@ To display the player styles correctly, you must import the videoPlayerStyles.cs
|
|
|
104
104
|
import "../node_modules/cafe-video-player/videoPlayerStyles.css"
|
|
105
105
|
|
|
106
106
|
```
|
|
107
|
-
To display the images correctly, you must put the following configuration in the next file.
|
|
107
|
+
To display the images correctly, you must put the following configuration in the next.config.ts file.
|
|
108
108
|
|
|
109
109
|
```jsx
|
|
110
110
|
|
package/package.json
CHANGED
package/videoPlayerStyles.css
CHANGED
|
@@ -3326,6 +3326,10 @@ video {
|
|
|
3326
3326
|
width: 54px;
|
|
3327
3327
|
}
|
|
3328
3328
|
|
|
3329
|
+
.pl-w-\[800px\]{
|
|
3330
|
+
width: 800px;
|
|
3331
|
+
}
|
|
3332
|
+
|
|
3329
3333
|
.pl-w-full{
|
|
3330
3334
|
width: 100%;
|
|
3331
3335
|
}
|
|
@@ -3984,6 +3988,10 @@ video {
|
|
|
3984
3988
|
margin-right: auto !important;
|
|
3985
3989
|
}
|
|
3986
3990
|
|
|
3991
|
+
.tablet\:pl-mt-10{
|
|
3992
|
+
margin-top: 2.5rem;
|
|
3993
|
+
}
|
|
3994
|
+
|
|
3987
3995
|
.tablet\:\!pl-max-w-\[285px\]{
|
|
3988
3996
|
max-width: 285px !important;
|
|
3989
3997
|
}
|
|
@@ -3991,4 +3999,14 @@ video {
|
|
|
3991
3999
|
.tablet\:pl-max-w-\[285px\]{
|
|
3992
4000
|
max-width: 285px;
|
|
3993
4001
|
}
|
|
4002
|
+
}
|
|
4003
|
+
|
|
4004
|
+
@media (min-width: 1024px){
|
|
4005
|
+
.desktop\:pl-mr-10{
|
|
4006
|
+
margin-right: 2.5rem;
|
|
4007
|
+
}
|
|
4008
|
+
|
|
4009
|
+
.desktop\:pl-flex-row{
|
|
4010
|
+
flex-direction: row;
|
|
4011
|
+
}
|
|
3994
4012
|
}
|