JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="ip-promo">
	<a href="https://installpack.ru/#ga_cs=relizua.com">
		<video class="promo-video" autoplay="true" loop="true">
			<source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.mp4" type="video/mp4">
			<source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.webm" type="video/webm">
			<source src="https://installpack.ru/wp-content/themes/installpack/media/installpack_demo_converted.ogv" type="video/ogv">
		</video>
		<div class="ip-button">
			<img src="https://installpack.ru/wp-content/themes/installpack/media/images/ip-button-fd.png" />
		</div>
	</a>
	<style>.ip-promo a:hover img{opacity:.8}.ip-promo video{width:550px;display:block;margin:0 auto 10px}.ip-promo .ip-button{width:260px;height:56px;margin:0 auto 10px;position:relative}.ip-promo .ip-promo img{margin:0 auto 10px;padding:0;width:260px;height:56px}
	</style>
</div>