JSFiddle - React, Tailwind, and code Playground

by evankennedy

HTML

<h1>A:</h1>
<video
	allowfullscreen="true"
	controls=""
	type="video/mp4"
	controlslist="nodownload"
	src="https://tongal.s3.amazonaws.com/custom-video/2021/12/22/Tongalxnicksizzle_socialupd_1_0.mp4"
	poster="https://res.cloudinary.com/tongal/image/upload/w_467,h_263,c_pad,b_black/images/custom-files/2021/12/22/ScreenShot2021-12-22At10141Pm_1.jpg"
></video>
<hr />
<h1>B:</h1>
<video
	allowfullscreen="true"
	controls=""
	type="video/mp4"
	controlslist="nodownload"
	src="https://tongal.s3.amazonaws.com/custom-video/2021/12/22/Tongalxnicksizzle_socialupd_1_0.mp4"
	poster="https://res.cloudinary.com/tongal/image/upload/w_467,h_263,c_pad,b_black/images/custom-files/2021/12/22/ScreenShot2021-12-22At10141Pm_1.jpg"
    width="640"
></video>
<hr />
<h1>C:</h1>
<video
	controls="controls"
	type="video/mp4"
	src="https://tongal.s3.amazonaws.com/custom-video/2021/12/22/Tongalxnicksizzle_socialupd_1_0.mp4"
	poster="https://res.cloudinary.com/tongal/image/upload/w_467,h_263,c_pad,b_black/images/custom-files/2021/12/22/ScreenShot2021-12-22At10141Pm_1.jpg"
></video>
<hr />
<h1>D:</h1>
<video
	controls="controls"
	poster="https://res.cloudinary.com/tongal/image/upload/w_467,h_263,c_pad,b_black/images/custom-files/2021/12/22/ScreenShot2021-12-22At10141Pm_1.jpg"
>
    <source
        src="https://tongal.s3.amazonaws.com/custom-video/2021/12/22/Tongalxnicksizzle_socialupd_1_0.mp4"
        type="video/mp4"
    />
</video>
<hr />
<h1>E:</h1>
<video
	controls="controls"
	poster="https://res.cloudinary.com/tongal/image/upload/w_467,h_263,c_pad,b_black/images/custom-files/2021/12/22/ScreenShot2021-12-22At10141Pm_1.jpg"
    width="640"
>
    <source
        src="https://tongal.s3.amazonaws.com/custom-video/2021/12/22/Tongalxnicksizzle_socialupd_1_0.mp4"
        type="video/mp4"
    />
</video>