Make WordPress Core

Opened 5 weeks ago

Last modified 5 weeks ago

#61073 new enhancement

Cover Block Improvement

Reported by: dennysdionigi's profile dennysdionigi Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version: 6.5
Component: Editor Keywords: needs-testing
Focuses: Cc:

Description

Summary: Enhancement of Cover Block to Improve Video Embedding and Source Handling

Description: The current implementation of the Cover Block in WordPress 6.5 allows for embedding videos by using a video element with a src attribute. This method, however, is limited and does not support the use of the <source> tag inside the video element, which is crucial for providing multiple source formats and enhancing browser compatibility.

Enhancement Request:

  1. Support for Inner <source> Tags: Modify the Cover Block to allow the use of inner <source> tags within the video element. This change would enable users to specify multiple video sources and types, which is essential for optimal video delivery across different browser types and network conditions.


  1. Native Embedding of CDN Content: The current system does not natively support embedding videos from popular CDNs like YouTube or Vimeo. Users benefit from integrating these platforms as they often offer optimized content delivery and additional features like adaptive streaming.


  • Feature Integration: Include support for native attributes associated with these platforms, such as muted, autoplay, loop, etc., within the Cover Block settings. This integration will make it easier for users to control video behavior directly from the block editor without relying on additional plugins or custom code.

Benefits:

  • Enhanced media compatibility and performance across different devices and browsers.
  • Simplified user experience by reducing the need for external plugins to handle basic video functionalities.
  • Increased functionality and flexibility for website designers and content creators using WordPress.

Use Cases:

  1. A user uploads multiple video files in different formats (e.g., .mp4, .webm) to ensure compatibility across all browsers.
  2. A content creator needs to embed a muted autoplay video from YouTube as a background cover video on their homepage.

Proposed Solution:

  • Extend the current video block implementation to include an interface for adding multiple video sources via the WordPress editor.
  • Develop a new integration layer within the block editor that supports embedding videos from YouTube, Vimeo, and potentially other CDNs with their specific player attributes.

I believe these enhancements will significantly improve the functionality and usability of the Cover Block in WordPress, aligning it more closely with modern web standards and user expectations.

Attachments (2)

coverblock-upload.avif (10.3 KB) - added by dennysdionigi 5 weeks ago.
Media uploading for Cover Block
Coverblock-upload.jpg (3.8 MB) - added by mohonchandra 3 weeks ago.

Change History (3)

@dennysdionigi
5 weeks ago

Media uploading for Cover Block

#1 @swissspidy
5 weeks ago

  • Component changed from Embeds to Editor

Tickets related to the Gutenberg Editor should be filed on the Gutenberg GitHub Repository.

Would you mind creating this ticket over there?

Note: See TracTickets for help on using tickets.