Skip to main content

Posts

Showing posts with the label Video Player

OpenPlayerJS - HTML5 Video/Audio/YouTube Player - Integration

GitHub :- https://github.com/openplayerjs/openplayerjs/ OpenPlayerJS :- https://www.openplayerjs.com/ Video < link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.css" /> <!-- Adding Css CDN --> < video class = "op-player__media" id = "player" controls playsinline width = "100%" > < source src = "https://archive.org/download/sample-video_202306/SampleVideo.mp4" type = "video/mp4" /> </ video > < hr > < script src = "https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js" > </ script > <!-- Adding JavaScript CDN --> < script > // Check the `API and events` link below for more options const player = new OpenPlayerJS( 'player' ); player.init(); </ script > Audio < link re...
Post a Comment
Read more

Moovie.js - Media player made for movies - Integration 🚀

To know more features about this player visit GitHub . BMSVieira / moovie.js Movie focused HTML5 Player Demo ▪️ Installation ▪️ Shortcuts ▪️ API ▪️ Integrations ▪️ Events Styling ▪️ Plugins ▪️ Custom Events ▪️ i18n ▪️ Settings ◼️ Features: 🔧 Fully customizable and Easy-to-use 💎 Built-in caption offset adjust on the fly 🎬 Built-in support for .vtt and .srt caption files 🕹 Built-in Plugins , use the code that you really need! 🎯 Built-in CustomEvents , add multiple events that will run a specific currentTime 🖊 Add tracks/captions dynamically using our API 🗃 Add tracks/captions locally on the fly (no server or upload required) 🌠 Adjust speed on the fly 🛠 Standardized events / shortcuts / API 🖌 Caption customization 💪 No dependencies, built with VanillaJS 🌎 Tested in all mode...
Post a Comment
Read more

Flowplayer Integration : The HTML5 video player for the web

Flowplayer Integration : The HTML5 video player for the web For Integrating Flowplayer to your website/blogger/HTML you have to integrate the jQuery First then add the flowplayer js and css file to your webpage. Step 1 : Add CDNs B/W <head> Tag. <!-- player skin --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.css" /> <!-- for video tag based installs flowplayer depends on jQuery 1.7.2+ --> <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <!-- include flowplayer --> <script src="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/flowplayer.js"></script> Add Video Tag Where you want to put your video. <!-- player 1 --> <div class="flowplayer"> <video> ...
Post a Comment
Read more

HTML5 Video Player - Clapper - An extensible media player Integration - 360 HTML5 Video Player Support

HTML5 Video Player - Clapper - An extensible media player Integration - 360 HTML5 Video Player Support Clapper :-  http://clappr.io/ | GitHub :-  https://github.com/clappr/clappr See Demos :-  https://sopplayer.sh20raj.repl.co/Clapper/  | Video Documentation :-  https://youtu.be/5qX7yG_7WDs Firstly Import the Clappr CDN in head tag <head> <script src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script> <head/> Then Use the below codes to initialize your video player. <div id="player"></div> <script> var player = new Clappr.Player( { source:"https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4", parentId: "#player", poster:"https://i.pinimg.com/564x/f3/df/a6/f3dfa67d82133295a97731532fb625b0.jpg" }); </script> ...
2 comments
Read more

HTML5 Video Player with Playlist Using JavaScript - A Simple HTML5 Video Playlist Design

HTML5 Video Player with Playlist Using JavaScript - A Simple HTML5 Video Playlist Design See Demo on Repl :-  https://tutorials.sh20raj.repl.co/video-player-with-playlist/ Codes :-  https://replit.com/@SH20RAJ/Tutorials#video-player-with-playlist/index.html
2 comments
Read more

Custom Dailymotion Embed Video Player with Video.JS

Custom Dailymotion Embed Video Player with Video.JS See the Pen Dailymotion Embed Player Using Video.JS by SH20RAJ ( @SH20RAJ ) on CodePen . See All Related Links  Blogger Demo with Fantasy Skin :-  https://codexd-india.blogspot.com/2021/05/new-song.html Simple Dailymotion Player on Codepen :-  https://codepen.io/SH20RAJ/pen/XWMbjaG Add Skins To your VideoJS Player :-  https://codexdindia.blogspot.com/2021/01/video-js-custom-skin-implement-city.html Video Player with forest theme on JsFiddle :-  https://jsfiddle.net/sh20raj/Lhmtcznv/3/
1 comment
Read more

Random Posts