Hello everyone, I’ve embarked on a new small study project focusing on Angular and Web Components in web technology. As a first step, I’ll be creating a customizable Angular component for displaying the VideoJs player, with the ability to stream YouTube videos. Subsequently, I plan to transform this component into a Web Component, making it usable independently of the framework being utilized.

Step

1. VideoJsComponent: Creation and optimization of an Angular 16 component that allows the display of any video source in a player from the highly popular VideoJs library. The component will be configurable through input props, defining most of the customizations available in the VideoJs library.
2. Web Component: Transformation of the Angular component into a Web Component for universal usability.

Conclusion

Stay tuned; I’ll try to publish a brief project log, sharing difficulties, goals, and best practices throughout the development phases.

See you soon!