cloudinary-video-player 1.9.1 → 1.9.2

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.
@@ -17,21 +17,6 @@
17
17
  * @license MIT
18
18
  */
19
19
 
20
- /*! *****************************************************************************
21
- Copyright (c) Microsoft Corporation.
22
-
23
- Permission to use, copy, modify, and/or distribute this software for any
24
- purpose with or without fee is hereby granted.
25
-
26
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
27
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
28
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
29
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
30
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
31
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
32
- PERFORMANCE OF THIS SOFTWARE.
33
- ***************************************************************************** */
34
-
35
20
  /*! ../../../../core/Debug */
36
21
 
37
22
  /*! ../../../../core/FactoryMaker */
@@ -113,7 +113,7 @@
113
113
  autoAdvance: true,
114
114
  repeat: true,
115
115
  presentUpcoming: false
116
- }).then(function(player) {
116
+ }).then(function() {
117
117
  var divElem = document.querySelector("#playlist-data");
118
118
  var list = player.playlist().list().map(function(source) {
119
119
  return source.publicId()
@@ -50,8 +50,8 @@
50
50
  autoAdvance: 5,
51
51
  repeat: true,
52
52
  presentUpcoming: false
53
- }).then(function(player) {
54
- var divElem = document.querySelector("div#playlist-data");
53
+ }).then(function() {
54
+ var divElem = document.querySelector("#playlist-data");
55
55
  var list = player.playlist().list().map(function(source) {
56
56
  return source.publicId()
57
57
  }).join(', ');
@@ -81,6 +81,8 @@
81
81
  width="500"
82
82
  ></video>
83
83
 
84
+ <p id="playlist-data"></p>
85
+
84
86
  <p class="mt-4">
85
87
  <a href="https://cloudinary.com/documentation/video_player_ads_monetization">Ads and monetization documentation</a>
86
88
  </p>
@@ -128,8 +130,8 @@
128
130
  sorter: sorter,
129
131
  autoAdvance: 0,
130
132
  repeat: true
131
- }).then(function(player) {
132
- var divElem = document.querySelector("div#playlist-data");
133
+ }).then(function() {
134
+ var divElem = document.querySelector("#playlist-data");
133
135
  var list = player.playlist().list().map(function(source) {
134
136
  return source.publicId()
135
137
  }).join(', ');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloudinary-video-player",
3
- "version": "1.9.1",
3
+ "version": "1.9.2",
4
4
  "description": "Cloudinary Video Player",
5
5
  "bundlewatch": {
6
6
  "files": [
@@ -42,7 +42,7 @@
42
42
  "style": "./dist/cld-video-player.min.css",
43
43
  "dependencies": {
44
44
  "@babel/polyfill": "^7.12.1",
45
- "@cloudinary/url-gen": "^1.3.0",
45
+ "@cloudinary/url-gen": "^1.8.6",
46
46
  "dashjs": "^4.2.1",
47
47
  "fetch-ponyfill": "^7.1.0",
48
48
  "promise-polyfill": "^8.2.0",
@@ -8,6 +8,7 @@ class PlaylistNextButton extends PlaylistButton {
8
8
  }
9
9
 
10
10
  handleClick(event) {
11
+ event.stopPropagation();
11
12
  super.handleClick(event);
12
13
  this.player().cloudinary.playlist().playNext();
13
14
  }
@@ -96,7 +96,7 @@ class UpcomingVideoOverlayContent extends Component {
96
96
  createEl() {
97
97
  // Content wraps image and bar
98
98
  return super.createEl('div', {
99
- className: 'aspect-ratio-content'
99
+ className: 'upcoming-video-overlay aspect-ratio-content'
100
100
  });
101
101
  }
102
102
  }
@@ -17,8 +17,9 @@ $_upcoming-video-transition: visibility 0.4s, opacity 0.4s;
17
17
  max-width: $upcoming-video-max-width;
18
18
  border: 1px solid #E8E8E9;
19
19
 
20
- .aspect-ratio-content {
20
+ .upcoming-video-overlay {
21
21
  background-size: cover;
22
+ cursor: pointer;
22
23
 
23
24
  .vjs-upcoming-video-bar {
24
25
  display: flex;