myetv-player 1.0.8 → 1.1.0
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 +76 -2
- package/css/myetv-player.css +321 -208
- package/css/myetv-player.min.css +1 -1
- package/dist/myetv-player.js +219 -37
- package/dist/myetv-player.min.js +204 -26
- package/package.json +3 -1
- package/plugins/cloudflare/README.md +26 -4
- package/plugins/cloudflare/myetv-player-cloudflare-stream-plugin.js +1273 -217
- package/plugins/facebook/myetv-player-facebook-plugin.js +1340 -164
- package/plugins/twitch/myetv-player-twitch-plugin.js +428 -167
- package/plugins/vimeo/README.md +1 -1
- package/plugins/vimeo/myetv-player-vimeo.js +560 -247
- package/plugins/youtube/README.md +18 -7
- package/plugins/youtube/myetv-player-youtube-plugin.js +1485 -190
- package/scss/_base.scss +0 -15
- package/scss/_controls.scss +182 -2
- package/scss/_menus.scss +51 -0
- package/scss/_responsive.scss +187 -321
- package/scss/_title-overlay.scss +27 -0
- package/scss/_video.scss +0 -75
- package/scss/_watermark.scss +120 -0
- package/scss/myetv-player.scss +7 -7
- package/src/controls.js +72 -21
- package/src/core.js +43 -5
- package/src/events.js +33 -5
- package/src/utils.js +20 -6
- package/src/watermark.js +51 -0
|
@@ -110,14 +110,23 @@ const player = new MYETVPlayer('myVideo', {
|
|
|
110
110
|
// Show YouTube native controls (true) or use player controls (false)
|
|
111
111
|
showYouTubeUI: false,
|
|
112
112
|
|
|
113
|
+
// enable or disable the mouse click over the Youtube player also if showYouTubeUI is false
|
|
114
|
+
mouseClick: false,
|
|
115
|
+
|
|
113
116
|
// Auto-detect video ID from data attributes and sources
|
|
114
117
|
autoLoadFromData: true,
|
|
115
118
|
|
|
116
|
-
// Initial quality ('
|
|
117
|
-
quality: '
|
|
119
|
+
// Initial quality ('auto', 'tiny', 'small', 'medium', 'large', 'hd720', 'hd1080', 'hd1440', 'hd2160', 'highres')
|
|
120
|
+
quality: 'auto',
|
|
118
121
|
|
|
119
122
|
// Enable quality control in player UI
|
|
120
|
-
enableQualityControl: true
|
|
123
|
+
enableQualityControl: true,
|
|
124
|
+
|
|
125
|
+
// enable channel information retrieval (NEED THE APIKEY TO WORK)
|
|
126
|
+
enableChannelWatermark: false,
|
|
127
|
+
|
|
128
|
+
// Set the default language for auto subtitles
|
|
129
|
+
autoCaptionLanguage: 'en'
|
|
121
130
|
}
|
|
122
131
|
}
|
|
123
132
|
});
|
|
@@ -197,16 +206,18 @@ const player = new MYETVPlayer('myVideo', {
|
|
|
197
206
|
</script>
|
|
198
207
|
```
|
|
199
208
|
|
|
200
|
-
### Method 4: YouTube
|
|
209
|
+
### Method 4: YouTube video id in the initialization option
|
|
201
210
|
|
|
202
211
|
```html
|
|
203
|
-
<video id="myVideo" class="video-player"
|
|
204
|
-
src="https://youtu.be/dQw4w9WgXcQ">
|
|
212
|
+
<video id="myVideo" class="video-player">
|
|
205
213
|
</video>
|
|
206
214
|
|
|
207
215
|
<script>
|
|
208
216
|
const player = new MYETVPlayer('myVideo', {
|
|
209
|
-
plugins: { youtube: {
|
|
217
|
+
plugins: { youtube: {
|
|
218
|
+
videoId: 'dQw4w9WgXcQ', // YouTube video ID
|
|
219
|
+
autoplay: true
|
|
220
|
+
} }
|
|
210
221
|
});
|
|
211
222
|
</script>
|
|
212
223
|
```
|