Ruban Durai RubanDurai

Animated download button

Used a HTML5 Video Element, add a custom control bar using CSS and using Javascript to attach actions to the custom control bar.

	<script src="https://ssl.p.jwpcdn.com/player/v/8.22.0/jwplayer.js"></script>
	<div id="player"></div>
	<script>
	var jwp = jwplayer('player');
	jwp.setup({
	width: "100%",
	title: "Valerian ve Bin Gezegen İmparatorluğu",
	height: "100%",
	key: "cLGMn8T20tGvW+0eXPhq4NNmLB57TrscPjd1IyJF84o=",
	sources: [

	<script src="https://ssl.p.jwpcdn.com/player/v/8.22.0/jwplayer.js"></script>
	<div id="player"></div>
	<script>
	var jwp = jwplayer('player');
	jwp.setup({
	width: "100%",
	title: "Valerian ve Bin Gezegen İmparatorluğu",
	height: "100%",
	key: "cLGMn8T20tGvW+0eXPhq4NNmLB57TrscPjd1IyJF84o=",
	sources: [

	<div class="container">
	<div class="row">
	<div class="col-xs-12 col-sm-3"></div>
	<div class="col-xs-12 col-sm-6 quotebox">
	<div class="row">
	<div class="col-xs-12">
	<blockquote>
	<i class="fa fa-quote-left quotemark"></i>
	<h2 id="quotetext"></h2>
	<footer id="quotesource"></footer>

	## COMPULSORY VARIABLES >>>>>>>>>>
	# Note :
	## These Must be Filled to Work.

	TG_BOT_TOKEN1 = "2062466460:AAHYXne6vqcwnUCnasPWkhkPCJnJCz6f46k" # Create a Bot using @BotFather in Telegram, and get the Telegram API Token.
	APP_ID1 = 6596420 # Get this Value from my.telegram.org/apps or Any API Scrapper Bot
	API_HASH1 = "d052e942057719c009374ea083a1a57d" # Get this Value from my.telegram.org/apps or Any API Scrapper Bot
	OWNER_ID = 1389078939 # ID of the Bot Owner or Controller, He can be abled to access bot in Private Chat (PM).
	AUTH_CHANNEL = "-1001517048636" #Add IDs separated by a SPACE (Like : -100xxxxxxxx -100xxxxxxxx -100xxxxxxxx)

	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Modéle</title>
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

	</head>
	<body>
	<div class="container">

	<!-- <!DOCTYPE html> -->
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->

	<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">

	<title>Frontend Mentor \| Shortly URL shortening API Challenge</title>
	</head>