mirror of
https://github.com/facebook/docusaurus.git
synced 2025-08-03 08:49:51 +02:00
fix(website): use react-lite-youtube-embed for lazy YouTube video (#7390)
* fix(website): use react-lite-youtube-embed for lazy YouTube video * fix(website): use react-lite-youtube-embed for lazy YouTube video * fix(website): use react-lite-youtube-embed for lazy YouTube video * Update multiple-sidebars.md * Update installation.md * refactor intro * rename file back Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
This commit is contained in:
parent
cd0aff443b
commit
fa10d1b1a4
6 changed files with 37 additions and 29 deletions
|
@ -50,16 +50,20 @@ Or read the **[5-minute tutorial](https://tutorial.docusaurus.io)** online.
|
|||
|
||||
In this presentation at [Algolia Community Event](https://www.algolia.com/), [Meta Open Source team](https://opensource.facebook.com/) shared a brief walk-through of Docusaurus. They covered how to get started with the project, enable plugins, and set up functionalities like documentation and blogging.
|
||||
|
||||
```mdx-code-block
|
||||
import LiteYouTubeEmbed from 'react-lite-youtube-embed';
|
||||
|
||||
<div className="video-container">
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/Yhyx7otSksg"
|
||||
<LiteYouTubeEmbed
|
||||
// cSpell:ignore Yhyx Sksg
|
||||
id="Yhyx7otSksg"
|
||||
params="autoplay=1&autohide=1&showinfo=0&rel=0"
|
||||
title="Docusaurus: Documentation Made Easy"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowFullScreen
|
||||
poster="maxresdefault"
|
||||
webp
|
||||
/>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Disclaimer {#disclaimer}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue