Create a new component Video Block

Problem/Motivation

Currently, ixm_blocks provides various useful block types, but there is no Video Block. A dedicated Video Block would allow users to embed and display both local and remote videos seamlessly, maintaining a consistent UI with the Plyr module.

Adding this block enhances ixm_blocks by offering a standardized way to display videos without requiring manual embedding or custom styling.

Proposed resolution

Introduce a Video Block that enables users to embed videos from local files or external sources (e.g., YouTube, Vimeo) with a uniform appearance using the Plyr module.

The block should support:

• Uploading and selecting local video files.
• Embedding remote videos from sources like YouTube and Vimeo.
• Using Plyr for a consistent video player UI.
• Basic playback controls (play, pause, volume, fullscreen, etc.).
• Responsive design for different screen sizes.

Remaining tasks

• Define the structure of the Video Block.
• Develop the block functionality, integrating with Plyr.
• Implement a UI for selecting/uploading videos in the block configuration.
• Ensure accessibility and mobile responsiveness.
• Write tests and documentation.

User interface changes

• A new "Video" block will be available in the block selection interface.
• Admins will be able to upload local videos or paste external video URLs.
• The player will use Plyr for a consistent UI across all video types.

Data model changes

• Add a new block plugin definition for the Video Block.
• Define configuration options for local file upload and external video URL input.
• Ensure proper integration with Plyr settings.