@desynova-digital/player 3.3.2 → 3.4.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/actions/player.js +6 -2
- package/components/PlayerHeader.js +3 -3
- package/package.json +1 -1
package/actions/player.js
CHANGED
|
@@ -149,7 +149,9 @@ function forward(seconds) {
|
|
|
149
149
|
source: ''
|
|
150
150
|
};
|
|
151
151
|
|
|
152
|
-
|
|
152
|
+
if (seconds < 1) {
|
|
153
|
+
this.video.pause();
|
|
154
|
+
}
|
|
153
155
|
this.video.forward(seconds);
|
|
154
156
|
|
|
155
157
|
return {
|
|
@@ -165,7 +167,9 @@ function replay(seconds) {
|
|
|
165
167
|
source: ''
|
|
166
168
|
};
|
|
167
169
|
|
|
168
|
-
|
|
170
|
+
if (seconds < 1) {
|
|
171
|
+
this.video.pause();
|
|
172
|
+
}
|
|
169
173
|
this.video.replay(seconds);
|
|
170
174
|
|
|
171
175
|
return {
|
|
@@ -78,7 +78,7 @@ var VideoTitle = _styledComponents2.default.button.withConfig({
|
|
|
78
78
|
var PlayerDetails = _styledComponents2.default.div.withConfig({
|
|
79
79
|
displayName: 'PlayerHeader__PlayerDetails',
|
|
80
80
|
componentId: 'conl4h-2'
|
|
81
|
-
})(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;
|
|
81
|
+
})(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;display:flex;justify-content:center;align-items:center;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;p{margin-left:5px;color:rgb(175,178,186);font-family:\'SFUIText-Regular\';font-size:10px;align-self:self-end;}}}}']);
|
|
82
82
|
|
|
83
83
|
var VersionBlock = _styledComponents2.default.div.withConfig({
|
|
84
84
|
displayName: 'PlayerHeader__VersionBlock',
|
|
@@ -387,7 +387,7 @@ var PlayerHeader = function (_Component) {
|
|
|
387
387
|
videoDetails.tvTime ? _react2.default.createElement(
|
|
388
388
|
'div',
|
|
389
389
|
{ className: 'tv-time' },
|
|
390
|
-
_react2.default.createElement(_components.Icon, { name: 'tv', width:
|
|
390
|
+
_react2.default.createElement(_components.Icon, { name: 'tv', width: 14, height: 12, color: '#afb2ba' }),
|
|
391
391
|
_react2.default.createElement(
|
|
392
392
|
'p',
|
|
393
393
|
null,
|
|
@@ -397,7 +397,7 @@ var PlayerHeader = function (_Component) {
|
|
|
397
397
|
videoDetails.ottTime ? _react2.default.createElement(
|
|
398
398
|
'div',
|
|
399
399
|
{ className: 'ott-time' },
|
|
400
|
-
_react2.default.createElement(_components.Icon, { name: '
|
|
400
|
+
_react2.default.createElement(_components.Icon, { name: 'tablet', width: 16, height: 12, color: '#afb2ba' }),
|
|
401
401
|
_react2.default.createElement(
|
|
402
402
|
'p',
|
|
403
403
|
null,
|