jekyll-react-player 0.21.1 → 0.21.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +14 -4
- data/lib/jekyll/react-player/reactplayer_tag.rb +7 -6
- data/lib/jekyll/react-player/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2e9bb3d91704e8b432beeec9fc19ec335125abebb30047979907e8779b57efb6
|
|
4
|
+
data.tar.gz: 6f8972b86c73b0beb72ab4da473d8d3bce84c5d438763fd95bb6b4bc25294595
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9f053ccb991cd74485195f2f9d1ba3e05b8cd203ef746e5d6bc635a4cb519fecd9f7d69b9cbab062f6f81044a5e491808986743118f509312494eb0d4ffa295a
|
|
7
|
+
data.tar.gz: d52d84fec9f06e8eedb32f5610699b6459c5c700be5fee88236a9648b2d3451a8e4d60802f3d989ee3b6658111cec843b1be87a2413b73763c046333c9de082f
|
data/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
This project adheres to [Semantic Versioning][semver].
|
|
5
5
|
|
|
6
|
+
## 0.21.2 - 2023-07-31
|
|
7
|
+
|
|
8
|
+
- Support the embedding multiple players on the same page.
|
|
9
|
+
|
|
6
10
|
## 0.21.1 - 2023-07-31
|
|
7
11
|
|
|
8
12
|
- Initial release.
|
data/README.md
CHANGED
|
@@ -34,12 +34,21 @@ Use the tag as follows in your Jekyll pages and posts:
|
|
|
34
34
|
{% reactplayer https://example.com/asset %}
|
|
35
35
|
```
|
|
36
36
|
|
|
37
|
-
This will render the
|
|
37
|
+
This will render the below code:
|
|
38
|
+
```js
|
|
39
|
+
<div id="#{id}">
|
|
40
|
+
<script src='https://cdn.rawgit.com/CookPete/react-player/master/dist/ReactPlayer.standalone.js'></script>
|
|
41
|
+
<script>
|
|
42
|
+
const container = document.getElementById("#{id}")
|
|
43
|
+
const url = '#{url}'
|
|
44
|
+
renderReactPlayer(container, { url, playing: true, controls: true, width: '100%', height: '100%' })
|
|
45
|
+
</script>
|
|
46
|
+
```
|
|
38
47
|
|
|
39
48
|
|
|
40
49
|
## Development
|
|
41
50
|
|
|
42
|
-
After
|
|
51
|
+
After cloning the repo, run `bin/setup` to install dependencies.
|
|
43
52
|
Then, run `bin/console` for an interactive prompt that will allow you
|
|
44
53
|
to experiment.
|
|
45
54
|
|
|
@@ -58,11 +67,12 @@ Contributions are, of course, welcome. Please submit a pull request.
|
|
|
58
67
|
Code is under [AGPLv3 License][license].
|
|
59
68
|
|
|
60
69
|
|
|
61
|
-
[build]:
|
|
62
|
-
[
|
|
70
|
+
[badge-build]: https://github.com/jessp01/jekyll-react-player/actions/workflows/gem-build.yml/badge.svg
|
|
71
|
+
[build]: https://github.com/jessp01/jekyll-react-player/actions/workflows/gem-build.yml
|
|
63
72
|
[badge-coveralls]: https://coveralls.io/repos/jessp01/jekyll-react-player/badge.svg
|
|
64
73
|
[badge-gem]: https://badge.fury.io/rb/jekyll-react-player.svg
|
|
65
74
|
[badge-license]: https://img.shields.io/github/license/jessp01/jekyll-react-player.svg?maxAge=604800
|
|
75
|
+
[badge-dl]: https://img.shields.io/gem/dt/jekyll-react-player.svg?maxAge=604800
|
|
66
76
|
[rubygems]: https://rubygems.org/gems/jekyll-react-player
|
|
67
77
|
[liquid]: http://liquidmarkup.org "Liquid templating language"
|
|
68
78
|
[jekyll]: http://jekyllrb.com "Jekyll"
|
|
@@ -20,7 +20,7 @@ module Jekyll
|
|
|
20
20
|
#{@markup}
|
|
21
21
|
|
|
22
22
|
Valid syntax:
|
|
23
|
-
{% reactplayer example.com/
|
|
23
|
+
{% reactplayer https://example.com/asset %}
|
|
24
24
|
ERR_MSG
|
|
25
25
|
end
|
|
26
26
|
end
|
|
@@ -33,13 +33,14 @@ module Jekyll
|
|
|
33
33
|
end
|
|
34
34
|
|
|
35
35
|
def render_tag(id, url)
|
|
36
|
-
|
|
36
|
+
%(<div id="#{id}"></div>
|
|
37
37
|
<script src='https://cdn.rawgit.com/CookPete/react-player/master/dist/ReactPlayer.standalone.js'></script>
|
|
38
38
|
<script>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
renderReactPlayer(
|
|
42
|
-
</script>
|
|
39
|
+
window["#{id}"] = document.getElementById("#{id}")
|
|
40
|
+
url = '#{url}'
|
|
41
|
+
renderReactPlayer(window["#{id}"], { url, playing: true, controls: true, width: '100%', height: '100%' })
|
|
42
|
+
</script>
|
|
43
|
+
)
|
|
43
44
|
end
|
|
44
45
|
end
|
|
45
46
|
end
|