@quintype/components 3.8.6-jw-player-integration.1 → 3.8.6-jw-player-integration.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.
Files changed (3) hide show
  1. package/dist/cjs/index.js +5 -19
  2. package/dist/es/components/story-elements/jwPlayer.js +4 -18
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -3115,33 +3115,19 @@ var JWPlayerComponent = /*#__PURE__*/function (_React$Component) {
3115
3115
  value: function render() {
3116
3116
  var _ref = this.props || {},
3117
3117
  element = _ref.element;
3118
- _ref.loadIframeOnClick;
3119
3118
 
3120
3119
  var _ref2 = element || {},
3121
3120
  metadata = _ref2.metadata;
3122
3121
 
3123
- var _ref3 = metadata || {};
3124
- _ref3["player-id"];
3125
- _ref3["video-id"];
3126
- var playerUrl = _ref3["player-url"];
3122
+ var _ref3 = metadata || {},
3123
+ playerUrl = _ref3["player-url"];
3127
3124
 
3128
3125
  return /*#__PURE__*/React__default["default"].createElement("div", {
3129
- style: {
3130
- position: 'relative',
3131
- width: '100%',
3132
- paddingTop: '56.25%'
3133
- }
3126
+ className: "jw-player-container"
3134
3127
  }, /*#__PURE__*/React__default["default"].createElement("iframe", {
3128
+ className: "jw-player",
3135
3129
  src: playerUrl,
3136
- allowFullScreen: true,
3137
- frameBorder: "0",
3138
- style: {
3139
- position: 'absolute',
3140
- top: 0,
3141
- left: 0,
3142
- width: '100%',
3143
- height: '100%'
3144
- }
3130
+ allowFullScreen: true
3145
3131
  }));
3146
3132
  }
3147
3133
  }]);
package/dist/es/components/story-elements/jwPlayer.js CHANGED
@@ -25,34 +25,20 @@ var JWPlayerComponent = /*#__PURE__*/function (_React$Component) {
25
25
  key: "render",
26
26
  value: function render() {
27
27
  var _ref = this.props || {},
28
- element = _ref.element,
29
- loadIframeOnClick = _ref.loadIframeOnClick;
28
+ element = _ref.element;
30
29
 
31
30
  var _ref2 = element || {},
32
31
  metadata = _ref2.metadata;
33
32
 
34
33
  var _ref3 = metadata || {},
35
- playerId = _ref3["player-id"],
36
- videoId = _ref3["video-id"],
37
34
  playerUrl = _ref3["player-url"];
38
35
 
39
36
  return /*#__PURE__*/React.createElement("div", {
40
- style: {
41
- position: 'relative',
42
- width: '100%',
43
- paddingTop: '56.25%'
44
- }
37
+ className: "jw-player-container"
45
38
  }, /*#__PURE__*/React.createElement("iframe", {
39
+ className: "jw-player",
46
40
  src: playerUrl,
47
- allowFullScreen: true,
48
- frameBorder: "0",
49
- style: {
50
- position: 'absolute',
51
- top: 0,
52
- left: 0,
53
- width: '100%',
54
- height: '100%'
55
- }
41
+ allowFullScreen: true
56
42
  }));
57
43
  }
58
44
  }]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.8.6-jw-player-integration.1",
3
+ "version": "3.8.6-jw-player-integration.2",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",