✨ TinaCMS - Create YouTube Embed Template Component

[JackDevAU]

CC: @bradystroud @adamcogan

Description

Develop a YouTube Embed component in TinaCMS to allow content creators to embed YouTube videos directly within the site. This component should accept a YouTube video URL or ID and render the video in an embedded player on the front end. The component should be responsive to adapt to various screen sizes.

Acceptance Criteria

• Create a YouTube Embed component in TinaCMS with the following field:

  • Video URL/ID: Input field to enter the URL or ID of the YouTube video to be embedded.

• Configure the embedded YouTube player to render the video based on the provided URL or ID.

• Ensure the YouTube embed is responsive and maintains the correct aspect ratio across different screen sizes.

• Add error handling to display a fallback message or error indication in TinaCMS if an invalid URL or ID is entered.

• Test the component on various pages and devices to verify consistent functionality and responsive display.

• Document the YouTube Embed component's usage, including instructions on how to obtain a YouTube video URL or ID, in the project’s documentation.

🤖