CXDI - Serve Technology

  Mediaelements.js Dailymotion Embed Player

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/

Free Unlimited Video Storage + Hosting ft. Archive.org with Direct Download * - YouTube has removed this video from their platform you can see above video. Still you can watch the video on dailymotion uploaded on 5 Sep 2022 11:32AM Video Documentation :-  https://dai.ly/x8dh4zw Visit Here to See the Movie Archive :- https://archive.org/details/movies     -  To get unlimited Video Storage online with Unlimited Bandwidth Create an account on Archive.org .      - Upload Your Movie/Video There.  https://archive.org/upload/ . For Example :-  https://archive.org/details/big-bunny-sample-video Now You have Uploaded your video to Archive.org . Now it's time to Show/Put video on your Website. Put on Website There are 2 ways to Put the Video on Website. Embed the Video to Your Website. Use Direct Download Link to use it in <video/> Tag and give download option.

 Unlimited Image and Short Video Hosting on Imgur.com The thing for getting unlimited image hosting is to get the direct image url. That we can use in the src attribute of <img/> Tag. To show Image on our website using image cdn. You can also use alternate services like pinterest . For Getting the direct image or also the direct video URL you have to go to imgur and upload your files there. Like :-  https://imgur.com/a/f6d7eVi  I uploaded an Image here. Logo Now Right Click on Image then copy Image address i.e. :-  https://i.imgur.com/T6FedGu.png  and use it in img tag :- Host Videos All Process are same for Video File Right click and copy video  address . and you will get the direct video URL. Like :-  https://i.imgur.com/NACeqYD.mp4  and Then Use the URL in html video tag . Like :-  <video controls width="100%">   <source src=" https://i.imgur.com/NACeqYD.mp4 " type="video/mp4">   Your browser does not suppo

Custom HTML5 Video Player - CuteSu - VideoJS Custom Skin Implementation Full Screen Demo :-  https://sopplayer.sh20raj.repl.co/CatSu/ Steps :- 1. Add </video> Tag...     - About Video Tag -> <video id="my-video" class="video-js" controls poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" data-setup='' loop> <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type='video/mp4'/> </video> 2. Add CSS CDN...     (Before </head> Tag) <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sh20raj/SopPlayer@main/CatSu/catsu.min.css"/> <link rel='stylesheet' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Questrial'> 3.

VideoJs Custom YouTube Embed Player There are 2 Ways to Integrate .I will show you the simplest way. Ways :-      1. Go and see Documentation :-  https://www.npmjs.com/package/videojs-youtube     2. See Below --- Add CDNs To Your WebPage :-  1. Css CDN Before </head> Tag <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.12.0/video-js.min.css" /> 2. JavaScript CDNs before </body> Tag <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.12.0/video.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-youtube/2.6.1/Youtube.min.js"></script> 3. And add <video> Tag with type="video/youtube" in body ( where you want to place video ) <video id="my-video" class="video-js" controls preload="auto" width="640" height="