jekyll-react-player 0.21.1 → 0.21.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.
- 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
|