mirror of
https://github.com/aljazceru/goose.git
synced 2026-01-06 07:54:23 +01:00
docs: embed youtube shorts (#1139)
Co-authored-by: Angie Jones <angiej@3d634b34e22046c0bc99c9b37c6eede5.local>
This commit is contained in:
26
documentation/src/components/YouTubeShortEmbed.js
Normal file
26
documentation/src/components/YouTubeShortEmbed.js
Normal file
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
import Admonition from '@theme/Admonition';
|
||||
|
||||
const YouTubeShortEmbed = ({ videoUrl }) => (
|
||||
<div>
|
||||
<Admonition type="info" icon="🎥" title="Plug & Play" className='alert--video'>
|
||||
<details>
|
||||
<summary>Watch the demo</summary>
|
||||
<div style={{ textAlign: 'center', margin: '20px 0' }}>
|
||||
<iframe
|
||||
width="100%"
|
||||
height="540"
|
||||
src={videoUrl}
|
||||
title="YouTube Short"
|
||||
frameBorder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowFullScreen
|
||||
></iframe>
|
||||
</div>
|
||||
</details>
|
||||
</Admonition>
|
||||
<hr></hr>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default YouTubeShortEmbed;
|
||||
Reference in New Issue
Block a user