@desynova-digital/player 4.0.37 → 4.0.38
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/components/Player.js +4 -1
- package/components/Video.js +5 -2
- package/package.json +1 -1
package/components/Player.js
CHANGED
|
@@ -317,13 +317,16 @@ var Player = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
317
317
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
318
318
|
var _this$props2 = this.props,
|
|
319
319
|
playerType = _this$props2.playerType,
|
|
320
|
-
activeSDBorder = _this$props2.activeSDBorder
|
|
320
|
+
activeSDBorder = _this$props2.activeSDBorder,
|
|
321
|
+
activeVersion = _this$props2.activeVersion;
|
|
321
322
|
this.handleResize();
|
|
322
323
|
if (activeSDBorder !== prevProps.activeSDBorder) {
|
|
323
324
|
this.actions.handleSDBorderChange(activeSDBorder || false);
|
|
324
325
|
}
|
|
325
326
|
if (playerType !== prevProps.playerType) {
|
|
326
327
|
this.actions.handleZoomChange(0);
|
|
328
|
+
}
|
|
329
|
+
if (playerType !== prevProps.playerType || activeVersion && prevProps.activeVersion && activeVersion.ingest_db_id !== prevProps.activeVersion.ingest_db_id) {
|
|
327
330
|
this.handleMarginsAndGrid();
|
|
328
331
|
}
|
|
329
332
|
}
|
package/components/Video.js
CHANGED
|
@@ -100,7 +100,9 @@ var defaultProps = {
|
|
|
100
100
|
var SubTitleSection = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n font-family: SFUIText-Regular;\n font-size: 16px;\n bottom: 20px;\n width: 100%;\n display: flex;\n justify-content: center;\n text-align: center;\n color: #ffffff;\n height: 90%;\n align-items: center;\n\n .subtitleContainer {\n border-radius: 4px;\n width: fit-content;\n background: #000000;\n opacity: 0.9;\n padding: ", ";\n line-height: 20px;\n position: absolute;\n\n i,em {\n font-style: italic; /* Override the font style for <em> tags inside elements with the class .someClass */\n }\n\n strong{\n font-weight: bold; \n }\n \n }\n .longSubtitleStyles {\n overflow-y: auto;\n height: fit-content;\n max-height: 70px;\n max-width: 75%;\n width: fit-content;\n }\n"])), function (props) {
|
|
101
101
|
return props.currentSubtitleObj && props.currentSubtitleObj.line1 ? '8px 10px' : '0px';
|
|
102
102
|
});
|
|
103
|
-
var VideoBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n &.video-react-player-block {\n position: relative;\n transition: all 0.1s ease-in-out;\n -moz-transition: all 0.1s ease-in-out;\n -webkit-transition: all 0.1s ease-in-out;\n -ms-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n right: 0;\n bottom: 0;\n }\n .audio-tracks {\n position: relative;\n display: flex;\n background: rgba(0, 0, 0, 0.5);\n color: #fff;\n z-index: 10;\n position: absolute;\n width: 100%;\n bottom: 0;\n p {\n cursor: pointer;\n padding: 10px;\n }\n }\n .loader-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n z-index: 10;\n background: rgba(0, 0, 0, 0.5);\n }\n }\n &.ratio-border {\n // border: 1px solid rgba(255, 255, 255, 0.5);\n &:after {\n content:
|
|
103
|
+
var VideoBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n &.video-react-player-block {\n position: relative;\n transition: all 0.1s ease-in-out;\n -moz-transition: all 0.1s ease-in-out;\n -webkit-transition: all 0.1s ease-in-out;\n -ms-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out;\n video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n right: 0;\n bottom: 0;\n }\n .audio-tracks {\n position: relative;\n display: flex;\n background: rgba(0, 0, 0, 0.5);\n color: #fff;\n z-index: 10;\n position: absolute;\n width: 100%;\n bottom: 0;\n p {\n cursor: pointer;\n padding: 10px;\n }\n }\n .loader-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n z-index: 10;\n background: rgba(0, 0, 0, 0.5);\n }\n }\n &.ratio-border {\n // border: 1px solid rgba(255, 255, 255, 0.5);\n &:after {\n content: ", ";\n position: absolute;\n color: #fff;\n font-family: SFUIText-Regular;\n font-size: 12px;\n transform: rotate(-90deg);\n top: 20%;\n left: -50px;\n }\n }\n"])), function (props) {
|
|
104
|
+
return props.HDBorder ? '"16:9 Safe Area"' : '';
|
|
105
|
+
});
|
|
104
106
|
var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
105
107
|
function Video(props) {
|
|
106
108
|
var _this;
|
|
@@ -1197,7 +1199,8 @@ var Video = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
1197
1199
|
ref: function ref(c) {
|
|
1198
1200
|
_this5.playerBlock = c;
|
|
1199
1201
|
},
|
|
1200
|
-
style: this.getStyle()
|
|
1202
|
+
style: this.getStyle(),
|
|
1203
|
+
HDBorder: player.HDBorderActive
|
|
1201
1204
|
}, isBuffering && /*#__PURE__*/_react["default"].createElement("div", {
|
|
1202
1205
|
className: "loader-container",
|
|
1203
1206
|
onClick: function onClick() {
|