New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Support for hls,like m3u8? #29
Comments
This is already supported. Simply add the source as you would with a normal html5 video player (or however you would do it with plyr) and then wrap it with the plyr element. |
@snowdream Did you ever get this working? |
Anyone who got this working? |
just install hls and use this workaround.
|
@mostafaznv this is a lifesaver, thank you! I’m getting a slight issue at the moment – the first time I visit a page with this component, it seems to render the two elements separately – the plyr elements end up in an ugly mess above, and the full video below. After that it always works fine – or works fine if I refresh the page. Have you experienced the same? EDIT: this problem occurs if I load a route which DOES NOT have hls / plyr imported – and then navigate to one which does. |
You're welcome @simonhrogers If you have any live demo and code, I can check it. |
Hi @mostafaznv – thanks so much for your response! I have found a workaround, and thanks to your pointer above figured out one possible issue with what I was doing. Describing here incase useful for others: firstly, previously I was importing the SSR–friendly version of this was being rendered on the server ahead of hjs being available. If instead I add the instruction to transpile it in my
In case you are interested, a development version of the app is here! |
sampotts/plyr#159
https://codepen.io/pen?template=ZRpzZO
The text was updated successfully, but these errors were encountered: