Comments (3)
Hey @bluebeel! Hope you're finding the component useful :)
We only support interacting with the stream component using props. Feel free to directly access the DOM element and load the plugin for now, but we make breaking changes under the component regularly. Modifying the DOM element might cause unexpected behavior for your users in the future.
- If you could share the plugin you plan to use, we can see if there is a way to achieve your goal with the props already provided.
- Alternatively, if you feel comfortable with using a third party player, you can also use Videojs directly with Stream by using DASH or HLS manifests provided by Stream. Click on "View as JSON" button in the Stream dashboard to access these URLs.
from stream-react.
Thanks @renandincer for this quick answer.
I wanted to add a plugin to share videos for example and the possibility to activate or deactivate a component of the videojs controlBar such as the small player button, the PiP button or deactivate the playrate selector button.
So I was looking for a way to access the videojs object for that.
from stream-react.
Oh got it!
We don't support UI customization like you suggested yet. Activating & deactivating certain features is a good idea though.
If you're looking for a quick solution suggest putting the share button outside of the video like YouTube does. One could say only the settings about this particular video view (like playback speed or fullscreen) should live in the player while the share button to the webpage where the video is also located captures a wider context (the entire webpage, perhaps comments, title and related content) that can be shared.
Otherwise, I suggest using a different player as we're still working on player customization details for Stream. Perhaps Videojs with the plugin you suggested is a good idea. If you choose to go this path, you can still use Stream with the DASH and HLS URLs.
Let us know which path you end up going - perhaps others can also benefit from this discussion in the future. I'll update this thread when Stream player supports more robust configuration and customization options.
from stream-react.
Related Issues (20)
- Height And Width Don't seem to work HOT 3
- Feature request: Showing and hiding controls via the api and being able to select which controls are shown HOT 1
- Video thumbnails don't load with preload "none" HOT 5
- Accessibility: iframe title
- pausing and playing VAST vidoes HOT 2
- For some users the player automatically pauses after ~1 second of playback HOT 2
- Custom full-screen button HOT 2
- 403 status code doesn't trigger any EventListener
- SVG play icon not consistently displaying on iOS HOT 3
- Play Icon is still on the screen after clicking "play" in Chrome and Firefox HOT 2
- Specifying Signed URL results in downloading the manifest m3u8 file HOT 2
- Inspecting error from onError callback HOT 2
- letterboxColor not supported HOT 3
- How can I access the video duration from the API? HOT 4
- Responsive video gets cut off when using full screen API on parent element HOT 6
- Feature: Opensource the player which is being loaded in Iframe HOT 2
- How to hide this loader icon HOT 3
- Remix Run Support? HOT 1
- Add customerCode prop to use a unique subdomain HOT 3
- Multiple rerenders before changing the videoId causes unknown error occured message
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stream-react.