Skip to content

Instantly share code, notes, and snippets.

View HeNy007's full-sized avatar
🏠
Working from home

HeNy Bn-Hamed HeNy007

🏠
Working from home
View GitHub Profile
@HeNy007
HeNy007 / 404-animated-character.markdown
Created April 5, 2022 22:44
404 Animated Character

404 Animated Character

Created for the 404 section for my portfolio site. Wanted something a pretty animated to add interest to this often forgottent page.

A Pen by Mark Thomes on CodePen.

License.

@HeNy007
HeNy007 / 404-animated-character.markdown
Created April 5, 2022 22:44
404 Animated Character

404 Animated Character

Created for the 404 section for my portfolio site. Wanted something a pretty animated to add interest to this often forgottent page.

A Pen by Mark Thomes on CodePen.

License.

@HeNy007
HeNy007 / index.html
Created April 8, 2022 02:42
IP Address
<div class="centered" ng-app="app" ng-controller="IPController">
<h1>Your IP address is:</h1>
<div class="box">
<ip-address></ip-address>
</div>
</div>
@HeNy007
HeNy007 / index.html
Created April 10, 2022 23:45
Netflix Skin for JWPLAYER8 v2.0.3
<!-- Head Script -->
<!-- <script src="https://content.jwplatform.com/libraries/Jq6HIbgz.js"></script> -->
<!-- Player Fullscreen -->
<style>#player{position:absolute;width:100%!important;height:100%!important;}
</style>
<div id="player"></div>
@HeNy007
HeNy007 / index.html
Created April 11, 2022 18:47
JW Player 10-second Fast Forward Button
<div id="previewPlayer"></div>
<div id="seekerValue">0</div>
<input type="range" id="frameSlider" name="points" min="0" max="30" step="0.05" value="15" oninput="changeFrame()">
<script src="https://app.extremereach.com/Content/js/jwplayer-7.12.8/jwplayer.js"></script>
<script> jwplayer.key = "+dQxixMPdR7e+iUQLHVm0Q2p9oVpzNhmbHu++8aB+YhHEkhW";</script>
<!-- <script src="jwplayer-8.0.0-beta.3/jwplayer.js"></script>
<script> jwplayer.key = "jR9SdfiikzUbJAJJG4qhCSaB55NmYojO88Ni753IwQM/iWDD"; </script> -->
<script>
jwplayer('previewPlayer').setup({
@HeNy007
HeNy007 / index.html
Created April 26, 2022 01:46
sdfgdfsgdsfg
<header>
<div id="cd-logo"><a href="#0"><img src="https://unsplash.it/50" alt="Logo"></a></div>
<h1>Smart Fixed Navigation</h1>
</header>
<div id="cd-nav">
<a href="#0" class="cd-nav-trigger">Menu<span></span></a>
<nav id="cd-main-nav">
<ul>
<div class="plyr__video-embed" id="player">
<iframe src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>
@HeNy007
HeNy007 / custom-controls-with-plyr-io-video-player.markdown
Created August 18, 2022 02:18
Custom Controls with Plyr.io Video Player
@HeNy007
HeNy007 / index.html
Created August 18, 2022 10:56
Moovie.js - Media player made for movies - Demo πŸš€
<script src="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer/mooviejs/js/moovie.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/Sopplayer/mooviejs/css/moovie.min.css">
<video id="example1" poster="https://github.com/SH20RAJ/Sopplayer/blob/main/sample.png?raw=true">
<source src="https://bit.ly/bbsamplevideo" type="video/mp4">
<track kind="captions" label="English" srclang="en" src="https://cdn.jsdelivr.net/gh/BMSVieira/moovie.js@main/demo-template/subtitles/en.vtt">
Your browser does not support the video tag.
</video>
@HeNy007
HeNy007 / custom-html5-video-player-catsu-videojs-custom-skin-implementation.markdown
Created August 18, 2022 11:10
Custom HTML5 Video Player - CatSu - VideoJS Custom Skin Implementation