j1-template 2024.0.2 → 2024.0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/themes/j1/core/js/template.js +0 -12
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/assets/themes/j1/modules/iframeResizer/README.md +105 -105
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.js +30 -5
- data/assets/themes/j1/modules/videojs/assets/material-icons.woff +0 -0
- data/assets/themes/j1/modules/videojs/assets/material-icons.woff2 +0 -0
- data/assets/themes/j1/modules/videojs/css/plugins/zoom.css +96 -0
- data/assets/themes/j1/modules/videojs/css/plugins/zoom.min.css +21 -0
- data/assets/themes/j1/modules/videojs/css/themes/city.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/city.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/fantasy.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/fantasy.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/forest.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/forest.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/sea.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/sea.min.css +1 -1
- data/assets/themes/j1/modules/videojs/css/themes/uno.css +16 -18
- data/assets/themes/j1/modules/videojs/css/themes/uno.min.css +3 -2
- data/assets/themes/j1/modules/videojs/css/{video-js.css → video.css} +9 -7
- data/assets/themes/j1/modules/videojs/css/{video-js.min.css → video.min.css} +2 -2
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.js +377 -0
- data/assets/themes/j1/modules/videojs/js/plugins/zoom.min.js +21 -0
- data/assets/themes/j1/modules/videojs/js/video.js +641 -71
- data/assets/themes/j1/modules/videojs/js/video.min.js +10 -9
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/modules/gallery.yml +7 -2
- data/lib/starter_web/_data/resources.yml +4 -2
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +3 -2
- data/lib/starter_web/_plugins/index/lunr.rb +3 -1
- data/lib/starter_web/assets/videos/gallery/video_james_carpool_caraoke.1920.jpg +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_docsearch.adoc +92 -92
- data/lib/starter_web/pages/public/tools/previewer/preview_iframer.adoc +106 -106
- metadata +11 -4
|
@@ -1,105 +1,105 @@
|
|
|
1
|
-
<img src="https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/img/logo-no-background.svg" alt="iFrame Resizer" style="margin-bottom: -20">
|
|
2
|
-
|
|
3
|
-
[](http://badge.fury.io/js/iframe-resizer)
|
|
4
|
-
[](https://npm-stat.com/charts.html?package=iframe-resizer&from=2014-12-31)
|
|
5
|
-
[](https://www.jsdelivr.com/package/npm/iframe-resizer)
|
|
6
|
-
[](https://coveralls.io/github/davidjbradshaw/iframe-resizer)
|
|
7
|
-
|
|
8
|
-
This library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit their contained content. It provides a range of features to address the most common issues with using iFrames, these include:
|
|
9
|
-
|
|
10
|
-
- Height and width resizing of the iFrame to content size.
|
|
11
|
-
- Works with multiple and nested iFrames.
|
|
12
|
-
- Domain authentication for cross domain iFrames.
|
|
13
|
-
- Provides a range of page size calculation methods to support complex CSS layouts.
|
|
14
|
-
- Detects changes to the DOM that can cause the page to resize using [MutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver).
|
|
15
|
-
- Detects events that can cause the page to resize (Window Resize, CSS Animation and Transition, Orientation Change and Mouse events).
|
|
16
|
-
- Simplified messaging between iFrame and host page via [postMessage](https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage).
|
|
17
|
-
- Fixes in page links in iFrame and supports links between the iFrame and parent page.
|
|
18
|
-
- Provides custom sizing and scrolling methods.
|
|
19
|
-
- Exposes parent position and viewport size to the iFrame.
|
|
20
|
-
- Provides `onMouseEnter` and `onMouseLeave` events for the iFrame.
|
|
21
|
-
- Works with [ViewerJS](http://viewerjs.org/) to support PDF and ODF documents.
|
|
22
|
-
|
|
23
|
-
## Donate
|
|
24
|
-
|
|
25
|
-
Iframe-resizer is the result of many 100s of hours of work, if you would like to join others in showing support for the continued development of this project, then please feel free to buy me a coffee.
|
|
26
|
-
|
|
27
|
-
<a href="https://www.buymeacoffee.com/davidjbradshaw " target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
|
|
28
|
-
|
|
29
|
-
## Getting Started
|
|
30
|
-
|
|
31
|
-
### Install
|
|
32
|
-
|
|
33
|
-
This package can be installed via NPM (`npm install iframe-resizer --save`).
|
|
34
|
-
|
|
35
|
-
### Usage
|
|
36
|
-
|
|
37
|
-
The package contains two minified JavaScript files in the [js](https://github.com/davidjbradshaw/iframe-resizer/tree/master/js) folder. The first ([iframeResizer.min.js](https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.min.js)) is for the page hosting the iFrames. It can be called with via JavaScript:
|
|
38
|
-
|
|
39
|
-
```js
|
|
40
|
-
const iframes = iFrameResize( [{options}], [css selector] || [iframe] );
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
The second file ([iframeResizer.contentWindow.min.js](https://raw.github.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.contentWindow.min.js)) needs placing in the page(s) contained within your iFrame. <i>This file is designed to be a guest on someone else's system, so has no dependencies and won't do anything until it's activated by a message from the containing page</i>.
|
|
44
|
-
|
|
45
|
-
### Typical setup
|
|
46
|
-
|
|
47
|
-
The normal configuration is to have the iFrame resize when the browser window changes size or the content of the iFrame changes. To set this up you need to configure one of the dimensions of the iFrame to a percentage and tell the library to only update the other dimension. Normally you would set the width to 100% and have the height scale to fit the content.
|
|
48
|
-
|
|
49
|
-
```html
|
|
50
|
-
<style>
|
|
51
|
-
iframe {
|
|
52
|
-
width: 1px;
|
|
53
|
-
min-width: 100%;
|
|
54
|
-
}
|
|
55
|
-
</style>
|
|
56
|
-
<script src="/js/iframeResizer.min.js"></script>
|
|
57
|
-
<iframe id="myIframe" src="http://anotherdomain.com/iframe.html"></iframe>
|
|
58
|
-
<script>
|
|
59
|
-
iFrameResize({ log: true }, '#myIframe')
|
|
60
|
-
</script>
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
**Note:** Using _min-width_ to set the width of the iFrame, works around an issue in iOS that can prevent the iFrame from sizing correctly.
|
|
64
|
-
|
|
65
|
-
If you have problems, check the [troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md) section.
|
|
66
|
-
|
|
67
|
-
### Example
|
|
68
|
-
|
|
69
|
-
To see this working take a look at this [example](https://davidjbradshaw.github.io/iframe-resizer/example/) and watch the [console](https://developer.mozilla.org/en-US/docs/Tools/Web_Console).
|
|
70
|
-
|
|
71
|
-
## API Documentation
|
|
72
|
-
|
|
73
|
-
IFrame-Resizer provides an extensive range of options and APIs for both the parent page and the iframed page.
|
|
74
|
-
|
|
75
|
-
- **Parent Page API**
|
|
76
|
-
- [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/options.md)
|
|
77
|
-
- [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/events.md)
|
|
78
|
-
- [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/methods.md)
|
|
79
|
-
- **IFramed Page API**
|
|
80
|
-
- [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/options.md)
|
|
81
|
-
- [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/events.md)
|
|
82
|
-
- [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/methods.md)
|
|
83
|
-
- **Use with Libraries and Frameworks**
|
|
84
|
-
- [React](https://github.com/davidjbradshaw/iframe-resizer-react)
|
|
85
|
-
- [Vue](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/vue.md)
|
|
86
|
-
- [Nuxt](https://github.com/davidjbradshaw/iframe-resizer/issues/831#issuecomment-665760332)
|
|
87
|
-
- [Angular](https://github.com/davidjbradshaw/iframe-resizer/issues/478#issuecomment-347958630)
|
|
88
|
-
- [Ember](https://github.com/alexlafroscia/ember-iframe-resizer-modifier)
|
|
89
|
-
- [jQuery](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/jquery.md)
|
|
90
|
-
- [Google Apps Script](https://stackoverflow.com/a/65724113/2087070)
|
|
91
|
-
- [Troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md)
|
|
92
|
-
- [Upgrade from version 3](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/upgrade.md)
|
|
93
|
-
- [Version history](https://github.com/davidjbradshaw/iframe-resizer/blob/master/CHANGELOG.md)
|
|
94
|
-
|
|
95
|
-
## License
|
|
96
|
-
|
|
97
|
-
Copyright © 2013-23 [David J. Bradshaw](https://github.com/davidjbradshaw) -
|
|
98
|
-
Licensed under the [MIT License](LICENSE)
|
|
99
|
-
|
|
100
|
-
<!--
|
|
101
|
-
[](https://nodei.co/npm/iframe-resizer/)
|
|
102
|
-
|
|
103
|
-
[](https://travis-ci.org/davidjbradshaw/iframe-resizer)
|
|
104
|
-
[](https://snyk.io/test/github/davidjbradshaw/iframe-resizer)
|
|
105
|
-
-->
|
|
1
|
+
<img src="https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/img/logo-no-background.svg" alt="iFrame Resizer" style="margin-bottom: -20">
|
|
2
|
+
|
|
3
|
+
[](http://badge.fury.io/js/iframe-resizer)
|
|
4
|
+
[](https://npm-stat.com/charts.html?package=iframe-resizer&from=2014-12-31)
|
|
5
|
+
[](https://www.jsdelivr.com/package/npm/iframe-resizer)
|
|
6
|
+
[](https://coveralls.io/github/davidjbradshaw/iframe-resizer)
|
|
7
|
+
|
|
8
|
+
This library enables the automatic resizing of the height and width of both same and cross domain iFrames to fit their contained content. It provides a range of features to address the most common issues with using iFrames, these include:
|
|
9
|
+
|
|
10
|
+
- Height and width resizing of the iFrame to content size.
|
|
11
|
+
- Works with multiple and nested iFrames.
|
|
12
|
+
- Domain authentication for cross domain iFrames.
|
|
13
|
+
- Provides a range of page size calculation methods to support complex CSS layouts.
|
|
14
|
+
- Detects changes to the DOM that can cause the page to resize using [MutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver).
|
|
15
|
+
- Detects events that can cause the page to resize (Window Resize, CSS Animation and Transition, Orientation Change and Mouse events).
|
|
16
|
+
- Simplified messaging between iFrame and host page via [postMessage](https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage).
|
|
17
|
+
- Fixes in page links in iFrame and supports links between the iFrame and parent page.
|
|
18
|
+
- Provides custom sizing and scrolling methods.
|
|
19
|
+
- Exposes parent position and viewport size to the iFrame.
|
|
20
|
+
- Provides `onMouseEnter` and `onMouseLeave` events for the iFrame.
|
|
21
|
+
- Works with [ViewerJS](http://viewerjs.org/) to support PDF and ODF documents.
|
|
22
|
+
|
|
23
|
+
## Donate
|
|
24
|
+
|
|
25
|
+
Iframe-resizer is the result of many 100s of hours of work, if you would like to join others in showing support for the continued development of this project, then please feel free to buy me a coffee.
|
|
26
|
+
|
|
27
|
+
<a href="https://www.buymeacoffee.com/davidjbradshaw " target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
|
|
28
|
+
|
|
29
|
+
## Getting Started
|
|
30
|
+
|
|
31
|
+
### Install
|
|
32
|
+
|
|
33
|
+
This package can be installed via NPM (`npm install iframe-resizer --save`).
|
|
34
|
+
|
|
35
|
+
### Usage
|
|
36
|
+
|
|
37
|
+
The package contains two minified JavaScript files in the [js](https://github.com/davidjbradshaw/iframe-resizer/tree/master/js) folder. The first ([iframeResizer.min.js](https://raw.githubusercontent.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.min.js)) is for the page hosting the iFrames. It can be called with via JavaScript:
|
|
38
|
+
|
|
39
|
+
```js
|
|
40
|
+
const iframes = iFrameResize( [{options}], [css selector] || [iframe] );
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
The second file ([iframeResizer.contentWindow.min.js](https://raw.github.com/davidjbradshaw/iframe-resizer/master/js/iframeResizer.contentWindow.min.js)) needs placing in the page(s) contained within your iFrame. <i>This file is designed to be a guest on someone else's system, so has no dependencies and won't do anything until it's activated by a message from the containing page</i>.
|
|
44
|
+
|
|
45
|
+
### Typical setup
|
|
46
|
+
|
|
47
|
+
The normal configuration is to have the iFrame resize when the browser window changes size or the content of the iFrame changes. To set this up you need to configure one of the dimensions of the iFrame to a percentage and tell the library to only update the other dimension. Normally you would set the width to 100% and have the height scale to fit the content.
|
|
48
|
+
|
|
49
|
+
```html
|
|
50
|
+
<style>
|
|
51
|
+
iframe {
|
|
52
|
+
width: 1px;
|
|
53
|
+
min-width: 100%;
|
|
54
|
+
}
|
|
55
|
+
</style>
|
|
56
|
+
<script src="/js/iframeResizer.min.js"></script>
|
|
57
|
+
<iframe id="myIframe" src="http://anotherdomain.com/iframe.html"></iframe>
|
|
58
|
+
<script>
|
|
59
|
+
iFrameResize({ log: true }, '#myIframe')
|
|
60
|
+
</script>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
**Note:** Using _min-width_ to set the width of the iFrame, works around an issue in iOS that can prevent the iFrame from sizing correctly.
|
|
64
|
+
|
|
65
|
+
If you have problems, check the [troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md) section.
|
|
66
|
+
|
|
67
|
+
### Example
|
|
68
|
+
|
|
69
|
+
To see this working take a look at this [example](https://davidjbradshaw.github.io/iframe-resizer/example/) and watch the [console](https://developer.mozilla.org/en-US/docs/Tools/Web_Console).
|
|
70
|
+
|
|
71
|
+
## API Documentation
|
|
72
|
+
|
|
73
|
+
IFrame-Resizer provides an extensive range of options and APIs for both the parent page and the iframed page.
|
|
74
|
+
|
|
75
|
+
- **Parent Page API**
|
|
76
|
+
- [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/options.md)
|
|
77
|
+
- [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/events.md)
|
|
78
|
+
- [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/parent_page/methods.md)
|
|
79
|
+
- **IFramed Page API**
|
|
80
|
+
- [Options](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/options.md)
|
|
81
|
+
- [Events](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/events.md)
|
|
82
|
+
- [Methods](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/iframed_page/methods.md)
|
|
83
|
+
- **Use with Libraries and Frameworks**
|
|
84
|
+
- [React](https://github.com/davidjbradshaw/iframe-resizer-react)
|
|
85
|
+
- [Vue](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/vue.md)
|
|
86
|
+
- [Nuxt](https://github.com/davidjbradshaw/iframe-resizer/issues/831#issuecomment-665760332)
|
|
87
|
+
- [Angular](https://github.com/davidjbradshaw/iframe-resizer/issues/478#issuecomment-347958630)
|
|
88
|
+
- [Ember](https://github.com/alexlafroscia/ember-iframe-resizer-modifier)
|
|
89
|
+
- [jQuery](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/use_with/jquery.md)
|
|
90
|
+
- [Google Apps Script](https://stackoverflow.com/a/65724113/2087070)
|
|
91
|
+
- [Troubleshooting](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/troubleshooting.md)
|
|
92
|
+
- [Upgrade from version 3](https://github.com/davidjbradshaw/iframe-resizer/blob/master/docs/upgrade.md)
|
|
93
|
+
- [Version history](https://github.com/davidjbradshaw/iframe-resizer/blob/master/CHANGELOG.md)
|
|
94
|
+
|
|
95
|
+
## License
|
|
96
|
+
|
|
97
|
+
Copyright © 2013-23 [David J. Bradshaw](https://github.com/davidjbradshaw) -
|
|
98
|
+
Licensed under the [MIT License](LICENSE)
|
|
99
|
+
|
|
100
|
+
<!--
|
|
101
|
+
[](https://nodei.co/npm/iframe-resizer/)
|
|
102
|
+
|
|
103
|
+
[](https://travis-ci.org/davidjbradshaw/iframe-resizer)
|
|
104
|
+
[](https://snyk.io/test/github/davidjbradshaw/iframe-resizer)
|
|
105
|
+
-->
|
|
@@ -476,11 +476,36 @@
|
|
|
476
476
|
};
|
|
477
477
|
|
|
478
478
|
Video.prototype.controlVideo = function (index, action) {
|
|
479
|
-
var $videoElement
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
479
|
+
var $videoElement, videoInfo, zoomPlugin;
|
|
480
|
+
var zoomPluginDefaults = {
|
|
481
|
+
moveX: 0,
|
|
482
|
+
moveY: 0,
|
|
483
|
+
rotate: 0,
|
|
484
|
+
zoom: 1
|
|
485
|
+
};
|
|
486
|
+
|
|
487
|
+
videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
|
|
488
|
+
$videoElement = this.core
|
|
489
|
+
.getSlideItem(index)
|
|
490
|
+
.find('.lg-video-object')
|
|
491
|
+
.first();
|
|
492
|
+
|
|
493
|
+
// jadams, 2023-12-11: added VideoJS zoomPlugin
|
|
494
|
+
//
|
|
495
|
+
var zoomPlugin = this.settings.videojsOptions.zoomPlugin;
|
|
496
|
+
if (zoomPlugin != undefined && zoomPlugin.enabled) {
|
|
497
|
+
var videoId = $videoElement.selector.id;
|
|
498
|
+
var videojsPlayer = videojs(videoId);
|
|
499
|
+
|
|
500
|
+
zoomPlugin.settings = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
|
|
501
|
+
videojsPlayer.zoomPlugin({
|
|
502
|
+
moveX: zoomPlugin.settings.moveX,
|
|
503
|
+
moveY: zoomPlugin.settings.moveY,
|
|
504
|
+
rotate: zoomPlugin.settings.rotate,
|
|
505
|
+
zoom: zoomPlugin.settings.zoom
|
|
506
|
+
});
|
|
507
|
+
}
|
|
508
|
+
|
|
484
509
|
if (!$videoElement.get())
|
|
485
510
|
return;
|
|
486
511
|
if (videoInfo.youtube) {
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/*
|
|
2
|
+
# -----------------------------------------------------------------------------
|
|
3
|
+
# ~/assets/themes/j1/modules/videojs/css/plugins/zoom.css
|
|
4
|
+
# Provides CSS Styles for the VideoJS (V8) plugin Zoom, Version 1.2.0
|
|
5
|
+
# See: https://github.com/theonlyducks/videojs-zoom
|
|
6
|
+
#
|
|
7
|
+
# Product/Info:
|
|
8
|
+
# https://github.com/theonlyducks/videojs-zoom/blob/main/README.md
|
|
9
|
+
# https://jekyll.one
|
|
10
|
+
#
|
|
11
|
+
# Copyright (C) 2023, 2024 The Only Ducks
|
|
12
|
+
# Copyright (C) 2023, 2024 Juergen Adams
|
|
13
|
+
#
|
|
14
|
+
# J1 Template is licensed under the MIT License.
|
|
15
|
+
# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
|
|
16
|
+
# Videojs Zoom is licensed under the MIT License.
|
|
17
|
+
# See: https://github.com/theonlyducks/videojs-zoom/blob/main/LICENSE
|
|
18
|
+
# -----------------------------------------------------------------------------
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
@font-face {
|
|
22
|
+
font-family: "Material Icons";
|
|
23
|
+
font-style: normal;
|
|
24
|
+
font-weight: 400;
|
|
25
|
+
font-display: block;
|
|
26
|
+
src: url("../../assets/material-icons.woff2") format("woff2"),
|
|
27
|
+
url("../../assets/material-icons.woff") format("woff");
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.video-js .vjs-zoom-icons {
|
|
31
|
+
font-family: "Material Icons";
|
|
32
|
+
font-weight: normal;
|
|
33
|
+
font-style: normal;
|
|
34
|
+
font-size: 22px;
|
|
35
|
+
line-height: 1;
|
|
36
|
+
letter-spacing: normal;
|
|
37
|
+
text-transform: none;
|
|
38
|
+
display: inline-block;
|
|
39
|
+
white-space: nowrap;
|
|
40
|
+
word-wrap: normal;
|
|
41
|
+
direction: ltr;
|
|
42
|
+
-webkit-font-smoothing: antialiased;
|
|
43
|
+
-moz-osx-font-smoothing: grayscale;
|
|
44
|
+
text-rendering: optimizeLegibility;
|
|
45
|
+
font-feature-settings: "liga";
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.video-js .vjs-zoom-duck {
|
|
49
|
+
font-family: "VideoJS";
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
font-weight: 400;
|
|
52
|
+
font-style: normal;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.video-js .vjs-zoom-duck .vjs-icon-placeholder:before {
|
|
56
|
+
content: "\f110";
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.video-js .vjs-zoom-duck__container {
|
|
60
|
+
right: 45px;
|
|
61
|
+
bottom: 54px;
|
|
62
|
+
padding: 10px;
|
|
63
|
+
visibility: hidden;
|
|
64
|
+
position: absolute;
|
|
65
|
+
opacity: 0;
|
|
66
|
+
background-color: rgba(43, 51, 63, .7);
|
|
67
|
+
transition: visibility .2s, opacity .2s;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.video-js .vjs-zoom-duck__container.open {
|
|
71
|
+
display: flex;
|
|
72
|
+
opacity: 1;
|
|
73
|
+
visibility: visible;
|
|
74
|
+
flex-direction: column;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.video-js .vjs-zoom-duck__space {
|
|
78
|
+
width: 22px;
|
|
79
|
+
height: 22px;
|
|
80
|
+
display: inline-block;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.video-js .vjs-zoom-duck__button {
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
border: none;
|
|
86
|
+
width: 22px;
|
|
87
|
+
height: 22px;
|
|
88
|
+
border-radius: 100%;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.video-js .vjs-zoom-duck__button:hover {
|
|
92
|
+
padding-left: 0px;
|
|
93
|
+
padding-top: 0px;
|
|
94
|
+
color: rgba(43, 51, 63, .7);
|
|
95
|
+
background-color: white;
|
|
96
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/*
|
|
2
|
+
# -----------------------------------------------------------------------------
|
|
3
|
+
# ~/assets/themes/j1/modules/videojs/css/plugins/zoom.min.css
|
|
4
|
+
# Provides CSS styles for the VideoJS (V8) plugin Zoom, Version 1.2.0
|
|
5
|
+
# See: https://github.com/theonlyducks/videojs-zoom
|
|
6
|
+
#
|
|
7
|
+
# Product/Info:
|
|
8
|
+
# https://github.com/theonlyducks/videojs-zoom/blob/main/README.md
|
|
9
|
+
# https://jekyll.one
|
|
10
|
+
#
|
|
11
|
+
# Copyright (C) 2023, 2024 The Only Ducks
|
|
12
|
+
# Copyright (C) 2023, 2024 Juergen Adams
|
|
13
|
+
#
|
|
14
|
+
# J1 Template is licensed under the MIT License.
|
|
15
|
+
# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
|
|
16
|
+
# Videojs Zoom is licensed under the MIT License.
|
|
17
|
+
# See: https://github.com/theonlyducks/videojs-zoom/blob/main/LICENSE
|
|
18
|
+
# -----------------------------------------------------------------------------
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;font-display:block;src:url("../../assets/material-icons.woff2") format("woff2"),url("../../assets/material-icons.woff") format("woff")}.video-js .vjs-zoom-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.video-js .vjs-zoom-duck{font-family:"VideoJS";cursor:pointer;font-weight:400;font-style:normal}.video-js .vjs-zoom-duck .vjs-icon-placeholder:before{content:"\f110"}.video-js .vjs-zoom-duck__container{right:45px;bottom:54px;padding:10px;visibility:hidden;position:absolute;opacity:0;background-color:rgba(43,51,63,.7);transition:visibility .2s,opacity .2s}.video-js .vjs-zoom-duck__container.open{display:flex;opacity:1;visibility:visible;flex-direction:column}.video-js .vjs-zoom-duck__space{width:22px;height:22px;display:inline-block}.video-js .vjs-zoom-duck__button{cursor:pointer;border:0;width:22px;height:22px;border-radius:100%}.video-js .vjs-zoom-duck__button:hover{padding-left:0;padding-top:0;color:rgba(43,51,63,.7);background-color:white}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Video.js Theme City (https://unpkg.com/@videojs/themes@1.0.1/dist/city/index.css)
|
|
2
|
+
Video.js (V8) Theme City (https://unpkg.com/@videojs/themes@1.0.1/dist/city/index.css)
|
|
3
3
|
Version 1.0.1
|
|
4
4
|
*/
|
|
5
5
|
.vjs-theme-city{--vjs-theme-city--primary:#bf3b4d;--vjs-theme-city--secondary:#fff}.vjs-theme-city .vjs-control-bar{height:70px;padding-top:20px;background:none;background-image:linear-gradient(0deg,#000,transparent)}.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-theme-city .vjs-play-progress:before{display:none}.vjs-theme-city .vjs-progress-control{position:absolute;top:0;right:0;left:0;width:100%;height:20px}.vjs-theme-city .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-theme-city .vjs-play-progress{background-color:var(--vjs-theme-city--primary)}.vjs-theme-city .vjs-remaining-time{order:1;line-height:50px;flex:3;text-align:left}.vjs-theme-city .vjs-play-control{order:2;flex:8;font-size:1.75em}.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel{order:3;flex:1}.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-city .vjs-mute-control{display:none}.vjs-theme-city .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:1.5em}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-city .vjs-volume-panel,.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:hover,.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}.vjs-theme-city .vjs-volume-level:before{font-size:1em}.vjs-theme-city .vjs-volume-panel .vjs-volume-control{opacity:1;width:100%;height:100%}.vjs-theme-city .vjs-volume-bar{background-color:transparent;margin:0}.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level{height:100%}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal{margin-top:0;margin-bottom:0;height:100%}.vjs-theme-city .vjs-volume-bar:before{content:"";z-index:0;width:0;height:0;position:absolute;top:0;left:0;border-color:transparent transparent hsla(0,0%,100%,.25);border-style:solid;border-width:0 0 1.75em 3em}.vjs-theme-city .vjs-volume-level{overflow:hidden;background-color:transparent}.vjs-theme-city .vjs-volume-level:before{content:"";z-index:1;width:0;height:0;position:absolute;top:0;left:0;border-left:3em solid transparent;border-bottom:1.75em solid var(--vjs-theme-city--secondary);border-right:0 solid transparent;border-top:0 solid transparent}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Video.js Theme Fantasy (https://unpkg.com/@videojs/themes@1.0.1/dist/fantasy/index.css)
|
|
2
|
+
Video.js (V8) Theme Fantasy (https://unpkg.com/@videojs/themes@1.0.1/dist/fantasy/index.css)
|
|
3
3
|
Version 1.0.1
|
|
4
4
|
*/
|
|
5
5
|
.vjs-theme-fantasy{--vjs-theme-fantasy--primary:#9f44b4;--vjs-theme-fantasy--secondary:#fff}.vjs-theme-fantasy .vjs-big-play-button{width:70px;height:70px;background:none;line-height:70px;font-size:80px;border:none;top:50%;left:50%;margin-top:-35px;margin-left:-35px;color:var(--vjs-theme-fantasy--primary)}.vjs-theme-fantasy.vjs-big-play-button:focus,.vjs-theme-fantasy:hover .vjs-big-play-button{background-color:transparent;color:#fff}.vjs-theme-fantasy .vjs-control-bar{height:54px}.vjs-theme-fantasy .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-fantasy .vjs-time-control{line-height:54px}.vjs-theme-fantasy .vjs-play-control{font-size:1.5em;position:relative}.vjs-theme-fantasy .vjs-volume-panel{order:4}.vjs-theme-fantasy .vjs-volume-bar{margin-top:2.5em}.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder,.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before{height:1.3em;width:1.3em;margin-top:.2em;border-radius:1em;border:3px solid var(--vjs-theme-fantasy--secondary);top:2px;left:9px;line-height:1.1}.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-fantasy--secondary)}.vjs-theme-fantasy .vjs-play-progress,.vjs-theme-fantasy .vjs-play-progress:before{background-color:var(--vjs-theme-fantasy--primary)}.vjs-theme-fantasy .vjs-play-progress:before{height:.8em;width:.8em;content:"";border:4px solid var(--vjs-theme-fantasy--secondary);border-radius:.8em;top:-.25em}.vjs-theme-fantasy .vjs-progress-control{font-size:14px}.vjs-theme-fantasy .vjs-fullscreen-control{order:6}.vjs-theme-fantasy .vjs-remaining-time{display:none}.vjs-theme-fantasy.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-fantasy.nyan .vjs-play-progress:before{height:1.3em;width:1.3em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' fill='%23fff'%3E%3Cpath d='M62.153 37.323h2.813v3.246h-2.813zM64.858 40.569h2.813v3.246h-2.813zM67.672 43.814h11.9v3.246h-11.9zM79.572 24.449h2.813v19.365h-2.813zM82.386 37.323h3.244v3.246h-3.244zM85.63 34.132h5.627v3.246H85.63zM91.257 37.323h2.92v12.95h-2.92zM94.177 50.274h2.922V66.21h-2.922zM91.29 66.372h2.887v3.245H91.29zM88.401 69.617h2.889v3.246h-2.889zM27.312 72.863h61.003v3.245H27.312zM73.622 76.108h2.889v3.246h-2.889zM82.563 76.108h2.888v3.246h-2.888zM76.511 79.354h6.053v3.245h-6.053zM61.941 79.354h8.895v3.245h-8.895zM67.947 76.108h2.889v3.246h-2.889zM59.321 76.108h2.888v3.246h-2.888zM27.312 17.917h49.387v3.246H27.312zM76.699 21.162h2.873v3.287h-2.873zM56.372 34.132h5.781v3.191h-5.781zM53.448 37.323h2.924v12.951h-2.924zM50.488 50.274h2.96v16.049h-2.96zM53.448 66.323h2.924v3.257h-2.924zM56.372 69.58h2.949v3.283h-2.949zM65.069 63.213h2.878v6.367h-2.878zM67.947 66.397h17.504v3.22H67.947z'/%3E%3Cpath d='M82.563 63.213h2.888v3.185h-2.888zM73.801 63.213h2.898v3.185h-2.898zM76.699 56.774h2.873v3.145h-2.873zM82.563 56.774h2.888v3.145h-2.888zM85.451 53.444h2.864v3.33h-2.864z'/%3E%3Cpath d='M85.451 56.774h2.864v3.145h-2.864zM65.069 53.444h2.878v3.33h-2.878zM65.069 56.774h2.878v3.145h-2.878zM62.209 56.774h2.86v3.145h-2.86zM21.509 24.327h2.813v45.169h-2.813zM24.323 21.162h2.99v3.165h-2.99zM18.562 69.496h8.75v3.367h-8.75zM15.656 72.863h2.906v9.591h-2.906zM18.562 79.301h8.75v3.153h-8.75zM24.323 76.108h5.743V79.3h-5.743zM33.136 76.108h2.824v6.346h-2.824zM35.96 79.281h5.813v3.173H35.96zM41.774 76.108h2.864v3.173h-2.864zM3.948 40.569h11.708v3.229H3.948zM3.948 43.814h2.921v6.459H3.948zM6.869 47.06h2.934v6.384H6.869zM9.803 50.274h2.909v6.5H9.803z'/%3E%3Cpath d='M12.711 53.444h2.945v6.475h-2.945zM15.656 56.774h5.853v3.145h-5.853z'/%3E%3Cpath d='M18.583 59.919h2.926v3.294h-2.926zM18.583 47.044h2.926v6.4h-2.926zM12.711 43.814h5.872v3.229h-5.872zM15.647 47.044h2.936v3.2h-2.936z'/%3E%3Cpath fill='none' d='M47.439 50.274h3.049v3.17h-3.049z'/%3E%3Cpath d='M73.801 30.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.118 32.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.108 3.246h2.813v3.246h9.027V30.94h-2.897zM33.136 56.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.907 12.928h2.907v3.184h-2.907V47.06zm5.771 16.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.705 0h-2.832v-3.354h2.832v3.354zm8.683 6.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:none;top:-.35em}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Video.js Theme Forest (https://unpkg.com/@videojs/themes@1.0.1/dist/forest/index.css)
|
|
2
|
+
Video.js (V8) Theme Forest (https://unpkg.com/@videojs/themes@1.0.1/dist/forest/index.css)
|
|
3
3
|
Version 1.0.1
|
|
4
4
|
*/
|
|
5
5
|
.vjs-theme-forest{--vjs-theme-forest--primary:#6fb04e;--vjs-theme-forest--secondary:#fff}.vjs-theme-forest.vjs-big-play-button:focus,.vjs-theme-forest:hover .vjs-big-play-button{background-color:transparent;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%236fb04e'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E")}.vjs-theme-forest .vjs-big-play-button{width:88px;height:88px;background:none;background-repeat:no-repeat;background-position:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");border:none;top:50%;left:50%;margin-top:-44px;margin-left:-44px;color:purple}.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder{display:none}.vjs-theme-forest .vjs-button>.vjs-icon-placeholder:before{line-height:1.55}.vjs-theme-forest .vjs-control:not(.vjs-disabled):not(.vjs-time-control):hover{color:var(--vjs-theme-forest--primary);text-shadow:var(--vjs-theme-forest--secondary) 1px 0 10px}.vjs-theme-forest .vjs-control-bar{background:none;margin-bottom:1em;padding-left:1em;padding-right:1em}.vjs-theme-forest .vjs-play-control{font-size:.8em}.vjs-theme-forest .vjs-play-control .vjs-icon-placeholder:before{background-color:var(--vjs-theme-forest--secondary);height:1.5em;width:1.5em;margin-top:.2em;border-radius:1em;color:var(--vjs-theme-forest--primary)}.vjs-theme-forest .vjs-play-control:hover .vjs-icon-placeholder:before{background-color:var(--vjs-theme-forest--primary);color:var(--vjs-theme-forest--secondary)}.vjs-theme-forest .vjs-mute-control{display:none}.vjs-theme-forest .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:.3em}.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-forest .vjs-volume-panel,.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-forest .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-forest .vjs-volume-panel:hover,.vjs-theme-forest .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}.vjs-theme-forest .vjs-volume-level:before{font-size:1em}.vjs-theme-forest .vjs-volume-panel .vjs-volume-control{opacity:1;width:100%;height:100%}.vjs-theme-forest .vjs-volume-bar{background-color:transparent;margin:0}.vjs-theme-forest .vjs-slider-horizontal .vjs-volume-level{height:100%}.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal{margin-top:0;margin-bottom:0;height:100%}.vjs-theme-forest .vjs-volume-bar:before{content:"";z-index:0;width:0;height:0;position:absolute;top:0;left:0;border-left:3em solid transparent;border-bottom:2em solid var(--vjs-theme-forest--primary);border-right:0 solid transparent;border-top:0 solid transparent}.vjs-theme-forest .vjs-volume-level{overflow:hidden;background-color:transparent}.vjs-theme-forest .vjs-volume-level:before{content:"";z-index:1;width:0;height:0;position:absolute;top:0;left:0;border-left:3em solid transparent;border-bottom:2em solid var(--vjs-theme-forest--secondary);border-right:0 solid transparent;border-top:0 solid transparent}.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder{font-size:1em}.vjs-theme-forest .vjs-play-progress:before{display:none}.vjs-theme-forest .vjs-progress-holder{border-radius:.2em;height:.5em;margin:0}.vjs-theme-forest .vjs-load-progress,.vjs-theme-forest .vjs-load-progress div,.vjs-theme-forest .vjs-play-progress{border-radius:.2em}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Video.js Theme Sea (https://unpkg.com/@videojs/themes@1.0.1/dist/sea/index.css)
|
|
2
|
+
Video.js (V8) Theme Sea (https://unpkg.com/@videojs/themes@1.0.1/dist/sea/index.css)
|
|
3
3
|
Version 1.0.1
|
|
4
4
|
*/
|
|
5
5
|
.vjs-theme-sea .vjs-big-play-button{width:103px;height:79px;-o-object-fit:contain;object-fit:contain;background-color:hsla(0,0%,100%,.25);border:none;line-height:79px;top:50%;left:50%;border-radius:30px;margin:-51.5px auto 0 -39.5px}.vjs-theme-sea .vjs-control-bar{height:4em;background-color:hsla(0,0%,100%,.4)}.vjs-theme-sea .vjs-button:hover{color:#4176bc;background:linear-gradient(0deg,#d0ddee,#fff)}.vjs-theme-sea .vjs-button>.vjs-icon-placeholder:before{line-height:2.2}.vjs-theme-sea .vjs-time-control{line-height:4em}.vjs-theme-sea .vjs-picture-in-picture-control,.vjs-theme-sea .vjs-volume-panel{display:none}.vjs-theme-sea .vjs-progress-control .vjs-play-progress{background-color:rgba(65,118,188,.9)}.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before{display:none}.vjs-theme-sea .vjs-progress-control .vjs-slider{background-color:rgba(65,118,188,.1)}.vjs-theme-sea .vjs-progress-control .vjs-load-progress div{background:hsla(0,0%,100%,.5)}.vjs-theme-sea .vjs-progress-control .vjs-progress-holder{margin:0;height:100%}.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip{background-color:rgba(65,118,188,.5);color:#fff}.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{background-color:hsla(0,0%,100%,.7);color:#4176bc}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
# -----------------------------------------------------------------------------
|
|
3
3
|
# ~/assets/themes/j1/modules/videojs/css/theme/uno.css
|
|
4
|
-
# Video.js Theme Uno
|
|
4
|
+
# Video.js (V8) Theme Uno based on theme fantasy, version 1.0.1
|
|
5
5
|
# See: https://www.mux.com/blog/the-new-video-js-themes
|
|
6
6
|
# Provides player styles for J1 Theme Uno
|
|
7
7
|
#
|
|
@@ -18,16 +18,18 @@
|
|
|
18
18
|
/* Color settings
|
|
19
19
|
------------------------------------------------------------------------------- */
|
|
20
20
|
.vjs-theme-uno {
|
|
21
|
+
--vjs-theme-uno--blue-300: #64B5F6;
|
|
22
|
+
--vjs-theme-uno--blue-600: #1E88E5;
|
|
23
|
+
--vjs-theme-uno--gray-900: #212121;
|
|
21
24
|
--vjs-theme-uno--primary: #2196f3;
|
|
22
25
|
--vjs-theme-uno--secondary: #fff
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
.vjs-theme-uno .vjs-control-bar {
|
|
26
|
-
height:
|
|
27
|
-
background-color:
|
|
29
|
+
height: 50px;
|
|
30
|
+
background-color: var(--vjs-theme-uno--gray-900);
|
|
28
31
|
}
|
|
29
32
|
|
|
30
|
-
|
|
31
33
|
/* Set img elements (poster) to 'fluid'
|
|
32
34
|
------------------------------------------------------------------------------- */
|
|
33
35
|
picture > img {
|
|
@@ -50,24 +52,20 @@ picture > img {
|
|
|
50
52
|
|
|
51
53
|
/* Manage controls
|
|
52
54
|
------------------------------------------------------------------------------- */
|
|
53
|
-
.vjs-theme-uno .vjs-big-play-button {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
margin-top: -35px;
|
|
63
|
-
margin-left: -35px;
|
|
64
|
-
color: var(--vjs-theme-uno--primary)
|
|
65
|
-
}
|
|
55
|
+
.vjs-theme-uno .vjs-big-play-button {
|
|
56
|
+
background: none;
|
|
57
|
+
line-height: 80px;
|
|
58
|
+
font-size: 140px;
|
|
59
|
+
margin-left: -70px;
|
|
60
|
+
margin-top: -24px;
|
|
61
|
+
/* border: none; */
|
|
62
|
+
color: var(--vjs-theme-uno--blue-300);
|
|
63
|
+
}
|
|
66
64
|
|
|
67
65
|
.vjs-theme-uno.vjs-big-play-button:focus,
|
|
68
66
|
.vjs-theme-uno:hover .vjs-big-play-button {
|
|
69
67
|
background-color: transparent;
|
|
70
|
-
color:
|
|
68
|
+
color: var(--vjs-theme-uno--blue-600);
|
|
71
69
|
}
|
|
72
70
|
|
|
73
71
|
.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
# -----------------------------------------------------------------------------
|
|
3
3
|
# ~/assets/themes/j1/modules/videojs/css/theme/uno.min.css
|
|
4
|
-
# Video.js Theme Uno
|
|
4
|
+
# Video.js (V8) Theme Uno based on theme fantasy, version 1.0.1
|
|
5
5
|
# See: https://www.mux.com/blog/the-new-video-js-themes
|
|
6
6
|
# Provides player styles for J1 Theme Uno
|
|
7
7
|
#
|
|
@@ -14,4 +14,5 @@
|
|
|
14
14
|
# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
|
|
15
15
|
# -----------------------------------------------------------------------------
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
|
|
18
|
+
.vjs-theme-uno{--vjs-theme-uno--blue-300:#64b5f6;--vjs-theme-uno--blue-600:#1e88e5;--vjs-theme-uno--gray-900:#212121;--vjs-theme-uno--primary:#2196f3;--vjs-theme-uno--secondary:#fff}.vjs-theme-uno .vjs-control-bar{height:50px;background-color:var(--vjs-theme-uno--gray-900)}picture>img{max-width:100%;height:auto}.vjs-playback-rate{margin-top:10px !important}.vjs-theme-uno .vjs-current-time{display:none}.vjs-theme-uno .vjs-time-divider{display:none}.vjs-theme-uno .vjs-duration{display:block}.vjs-theme-uno .vjs-remaining-time{display:block}.vjs-theme-uno .vjs-big-play-button{background:0;line-height:80px;font-size:140px;margin-left:-70px;margin-top:-24px;color:var(--vjs-theme-uno--blue-300)}.vjs-theme-uno.vjs-big-play-button:focus,.vjs-theme-uno:hover .vjs-big-play-button{background-color:transparent;color:var(--vjs-theme-uno--blue-600)}.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-uno .vjs-time-control{line-height:54px}.vjs-theme-uno .vjs-play-control{font-size:1.5em;position:relative}.vjs-theme-uno .vjs-volume-panel{order:4}.vjs-theme-uno .vjs-volume-bar{margin-top:2.5em}.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-uno .vjs-progress-control .vjs-progress-holder,.vjs-theme-uno .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before{height:1.3em;width:1.3em;margin-top:.2em;border-radius:1em;border:3px solid var(--vjs-theme-uno--secondary);top:2px;left:9px;line-height:1.1}.vjs-theme-uno .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-uno--secondary)}.vjs-theme-uno .vjs-play-progress,.vjs-theme-uno .vjs-play-progress:before{background-color:var(--vjs-theme-uno--primary)}.vjs-theme-uno .vjs-play-progress:before{height:.8em;width:.8em;content:"";border:4px solid var(--vjs-theme-uno--secondary);border-radius:.8em;top:-.25em}.vjs-theme-uno .vjs-progress-control{font-size:14px}.vjs-theme-uno .vjs-fullscreen-control{order:6}.vjs-theme-uno.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-uno.nyan .vjs-play-progress:before{height:1.3em;width:1.3em;background:url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='00100125'fill='%23fff'%3E%3Cpathd='M62.15337.323h2.813v3.246h-2.813zM64.85840.569h2.813v3.246h-2.813zM67.67243.814h11.9v3.246h-11.9zM79.57224.449h2.813v19.365h-2.813zM82.38637.323h3.244v3.246h-3.244zM85.6334.132h5.627v3.246H85.63zM91.25737.323h2.92v12.95h-2.92zM94.17750.274h2.922V66.21h-2.922zM91.2966.372h2.887v3.245H91.29zM88.40169.617h2.889v3.246h-2.889zM27.31272.863h61.003v3.245H27.312zM73.62276.108h2.889v3.246h-2.889zM82.56376.108h2.888v3.246h-2.888zM76.51179.354h6.053v3.245h-6.053zM61.94179.354h8.895v3.245h-8.895zM67.94776.108h2.889v3.246h-2.889zM59.32176.108h2.888v3.246h-2.888zM27.31217.917h49.387v3.246H27.312zM76.69921.162h2.873v3.287h-2.873zM56.37234.132h5.781v3.191h-5.781zM53.44837.323h2.924v12.951h-2.924zM50.48850.274h2.96v16.049h-2.96zM53.44866.323h2.924v3.257h-2.924zM56.37269.58h2.949v3.283h-2.949zM65.06963.213h2.878v6.367h-2.878zM67.94766.397h17.504v3.22H67.947z'/%3E%3Cpathd='M82.56363.213h2.888v3.185h-2.888zM73.80163.213h2.898v3.185h-2.898zM76.69956.774h2.873v3.145h-2.873zM82.56356.774h2.888v3.145h-2.888zM85.45153.444h2.864v3.33h-2.864z'/%3E%3Cpathd='M85.45156.774h2.864v3.145h-2.864zM65.06953.444h2.878v3.33h-2.878zM65.06956.774h2.878v3.145h-2.878zM62.20956.774h2.86v3.145h-2.86zM21.50924.327h2.813v45.169h-2.813zM24.32321.162h2.99v3.165h-2.99zM18.56269.496h8.75v3.367h-8.75zM15.65672.863h2.906v9.591h-2.906zM18.56279.301h8.75v3.153h-8.75zM24.32376.108h5.743V79.3h-5.743zM33.13676.108h2.824v6.346h-2.824zM35.9679.281h5.813v3.173H35.96zM41.77476.108h2.864v3.173h-2.864zM3.94840.569h11.708v3.229H3.948zM3.94843.814h2.921v6.459H3.948zM6.86947.06h2.934v6.384H6.869zM9.80350.274h2.909v6.5H9.803z'/%3E%3Cpathd='M12.71153.444h2.945v6.475h-2.945zM15.65656.774h5.853v3.145h-5.853z'/%3E%3Cpathd='M18.58359.919h2.926v3.294h-2.926zM18.58347.044h2.926v6.4h-2.926zM12.71143.814h5.872v3.229h-5.872zM15.64747.044h2.936v3.2h-2.936z'/%3E%3Cpathfill='none'd='M47.43950.274h3.049v3.17h-3.049z'/%3E%3Cpathd='M73.80130.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.11832.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.1083.246h2.813v3.246h9.027V30.94h-2.897zM33.13656.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.90712.928h2.907v3.184h-2.907V47.06zm5.77116.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.7050h-2.832v-3.354h2.832v3.354zm8.6836.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:0;top:-.35em}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Video.js 8.6.
|
|
3
|
+
* Video.js 8.6.1 <http://videojs.com/>
|
|
4
4
|
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
|
|
5
5
|
* Available under Apache License Version 2.0
|
|
6
6
|
* <https://github.com/videojs/video.js/blob/main/LICENSE>
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* Includes vtt.js <https://github.com/mozilla/vtt.js>
|
|
9
9
|
* Available under Apache License Version 2.0
|
|
10
10
|
* <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
|
|
11
|
-
|
|
11
|
+
*/
|
|
12
12
|
|
|
13
13
|
@charset "UTF-8";
|
|
14
14
|
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
font-weight: normal;
|
|
30
30
|
font-style: normal;
|
|
31
31
|
}
|
|
32
|
+
|
|
32
33
|
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
|
|
33
34
|
font-family: VideoJS;
|
|
34
35
|
font-weight: normal;
|
|
@@ -500,12 +501,13 @@ body.vjs-full-window {
|
|
|
500
501
|
padding: 0;
|
|
501
502
|
cursor: pointer;
|
|
502
503
|
opacity: 1;
|
|
503
|
-
border: 0.
|
|
504
|
+
/* border-radius: 0.3em; */
|
|
505
|
+
/* border: 0.06666em solid #fff; */
|
|
506
|
+
/* background-color: rgba(43, 51, 63, 0.7); */
|
|
504
507
|
background-color: #2B333F;
|
|
505
|
-
background-color: rgba(43, 51, 63, 0.7);
|
|
506
|
-
border-radius: 0.3em;
|
|
507
508
|
transition: all 0.4s;
|
|
508
509
|
}
|
|
510
|
+
|
|
509
511
|
.vjs-big-play-centered .vjs-big-play-button {
|
|
510
512
|
top: 50%;
|
|
511
513
|
left: 50%;
|
|
@@ -515,9 +517,9 @@ body.vjs-full-window {
|
|
|
515
517
|
|
|
516
518
|
.video-js:hover .vjs-big-play-button,
|
|
517
519
|
.video-js .vjs-big-play-button:focus {
|
|
518
|
-
border-color: #fff;
|
|
520
|
+
/* border-color: #fff; */
|
|
521
|
+
/* background-color: rgba(115, 133, 159, 0.5); */
|
|
519
522
|
background-color: #73859f;
|
|
520
|
-
background-color: rgba(115, 133, 159, 0.5);
|
|
521
523
|
transition: all 0s;
|
|
522
524
|
}
|
|
523
525
|
|