HeNy007’s gists

HeNy007 / index.html

Created January 10, 2023 00:15

Popup Scroll Notification

	<header>
	<div id="darkBack"></div>
	<div id="popUp">
	<div id="close" class="close"><i class="fa fa-times"></i></div>
	<div id="new"><span>NEW!</span></div>
	<h2>I'm a notification popup that isn't too distracting or in your face. Scroll down or close me and I will go away. You'll still be able to open me later on don't worry.</h2>
	<br>
	<a href="#" target="_blank" class="button">Visit Page</a>
	</div>
	<div id="plus"><span>NEW<br>  <i class="fa fa-plus"></i></span></div>

HeNy007 / how-to-get-user-s-country-without-apis-or-permissions.markdown

Created January 8, 2023 12:26

How to get user's country without APIs or permissions

HeNy007 / index.html

Created January 1, 2023 23:29

WaYvJQ

	<div class="container">
	<video controls crossorigin playsinline poster="https://ia800603.us.archive.org/30/items/Tears-of-Steel/tos-poster.jpg"></video>
	</div>
	<!-- Plyr resources and browser polyfills are specified in the pen settings -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/shaka-player/2.4.0/shaka-player.compiled.js">

HeNy007 / index.html

Created January 1, 2023 23:22

Plyr + hls.js

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HLS Demo</title>
	<link rel="stylesheet" href="https://cdn.plyr.io/1.8.2/plyr.css">
	</head>
	<body>
	<video preload="none" id="player" autoplay controls crossorigin></video>
	<script src="https://cdn.plyr.io/1.8.2/plyr.js"></script>

HeNy007 / index.html

Created January 1, 2023 19:20

vjs-download demo

	<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
	poster="https://vjs.zencdn.net/v/oceans.png" data-setup="{}">
	<source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>

	<p class="vjs-no-js">
	To view this video please enable JavaScript, and consider upgrading to a web browser that
	<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
	</p>
	</video>

HeNy007 / add-download-button-in-video-js-player.markdown

Created January 1, 2023 18:38

Add Download Button in Video-js Player

HeNy007 / add-download-button-in-video-js-player.markdown

Created January 1, 2023 10:59

Add Download Button in Video-js Player

HeNy007 / index.html

Created January 1, 2023 10:07

TrixBase Skin Videojs

	<html>

	<head>
	<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
	<meta charset="utf-8">
	<title>Video.js Starter Template</title>
	</head>

	<body>
	<video style="box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);" id="my-video" class="video-js

HeNy007 / index.html

Created September 7, 2022 14:47

vYdJJxd

	<!DOCTYPE html>
	<html lang="en">
	<head>

	<!--====== Design by codemediaweb.com =====-->

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
	<title>Automatic Popup</title>
	<!--Google Fonts-->
	<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

HeNy007 / index.html

Created August 28, 2022 13:25

Stories Slider | Pure JS | ForFun :)

	<div class="ld">
	<div class="inside-wrapper">
	<div class="container">
	<div class="container-item">
	<img src="https://images.unsplash.com/photo-1566558843351-b39b612160ab?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="">
	</div>
	<div class="container-item">
	<img src="https://images.unsplash.com/photo-1566910087672-124366fda948?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="">
	</div>
	<div class="container-item">

HeNy Bn-Hamed HeNy007