quarto embed video

1.youtube video with iframe

sample:

Code

</iframe>
<iframe width="640" height="480" src="https://www.youtube.com/embed/wo9vZccmqwc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>

2.local video with iframe

sample:

Code

</iframe>
<iframe width="640" height="480" src="local.mp4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>

3.youtube video with video

sample:

Code

{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}

4.local video with video

sample:

Code

{{< video local.mp4 width="550" height="675" >}}

Video Player is loading.

Current Time 0:00

/

Duration 0:21

Loaded: 85.30%

0:00

Stream Type LIVE

Remaining Time -0:21

 

1x

• Chapters

• descriptions off, selected

• captions settings, opens captions settings dialog
• captions off, selected

This is a modal window.

Beginning of dialog window. Escape will cancel and close the window.

Text

ColorWhiteBlackRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-Transparent

Background

ColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyOpaqueSemi-TransparentTransparent

Window

ColorBlackWhiteRedGreenBlueYellowMagentaCyanTransparencyTransparentSemi-TransparentOpaque

Font Size

50%75%100%125%150%175%200%300%400%

Text Edge Style

NoneRaisedDepressedUniformDropshadow

Font Family

Proportional Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall Caps

End of dialog window.

Reference

https://quarto.org/docs/authoring/videos.html

https://github.com/quarto-ext/lightbox