Skip to main content

Posts

Showing posts with the label MediaElements.js

Mediaelement YouTube Embed Player Integration

 Mediaelement YouTube Embed Player Integration Firstly Check This Things :- Insert MediaElements.js Html5 Video player   HTML5 Audio Player Using Media Elements.js See Demo :-  https://repl.it/@SH20RAJ/mediaelement#youtube-embed.html Steps To Integrate :-  1. Add src in <video/> Tag <video width="640" height="360"> <source src="https://www.youtube.com/watch?v=RroiPxzCYac" type="video/youtube"> </video> 2. Add Css CDN. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelementplayer.css"/> 3. Add JavaScript CDN. And it's done now. <script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Mediaelements.js@main/mediaelements.js"></script> See Demo Here :- Tips :-   You can also add a poster attribute to show a...

Stylish HTML5 Audio Player Using Media Elements.js (Integration)

Stylish HTML5 Audio Player Using Media Elements.js (Integration) See Video Documentation :-  Steps :-   1. Here a Simple HTML5 Audio Tag .      < div   class = "players" >          < audio   id = "player2"   preload = "none"   controls   style = " width: 450px; " >              < source   src = "https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_1MG.mp3"   type = "audio/mp3" >          </ audio >      </ div >      2. Add Css and Javascript CDNs .      Css CDN   <!-- Css library -->      < link   rel = "stylesheet"   type = "te...

How to embed Google Photos Videos and get Direct Download link of it

How to embed Google Photos Videos and get Direct Download link of it  Q.1 Where's The ID Steps :-  1. Get the link of the video (Circled by red color in picture below). 2. Then Get the ID of the Video . Q.2 Create Direct Download Link Steps :-  1. Click on Three Dots (Options) and then Download (or Press Shift + D) 2. Go to chrome Downloads (Ctrl + J) and copy the link of video Using Right Click ..... 3. Now , Direct Download Link is Copied . Example :-  https://video-downloads.googleusercontent.com/AGQNM9KRvhFFqE7np7r3bspjHFmAoA-LTLDhfvnPI9jXjF4f0stGifMIaXyzkEzonOIw-YPLmQFQWgH2FXBFiP6qjOlxNm85ZnxbSoZk5HTXxXbV20ZVlzf7kUQomQdA-rSBHivcTUA3vQBpb1uwjwm-FYdvsR4If1PDjOxaASRrOvLwWPLTRLX2zyq9mwI3nfwvGthgOW1OBiyhe3PPuWq2_Mf8TjDaJRQR350PCWc-s0T50fEZtXZjaX1It182BACxHHj9sDtOgxx-Lx2cNAVRvm_X_LfRQdCX8rNmMyqcwzOsVxcVgC613stEMBI02bL7q7cjMfwJMhrmIdgMAQQkE5Kke2KPluHlaXQWRaWZskZmHbQthKD9o4QU1RwayHvX9WXH5HJenchgoFELwyNwJRYegdPY6dEnWKFYk-zuBm5VWz7eCpouRu83yLKhk50jg4fwVgY66ea6zep0WrpnrN9p...

How to Insert MediaElements.js Html5 Video player in Simple Drive Video Player

  Video Player <!-- Add Css library --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelementplayer.css"> <!-- Add a Simple Video Tag --> <h2>Video Player</h2> <div class="media-wrapper"> <video id="player1" width="750" height="421" controls preload="none"> <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4" type="video/mp4"> </video> </div> <!-- At Last add the script File --> <script "https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelement.js"></script> See Demo :- https://repl.it/@SH2...

Random Posts