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 = "text/css"   href = "https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelementplayer.css" > JavaScript CDN <!-- JS Library by CXDI --> < script   src = " https://cdnjs.cloudflare.

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-zuBm5VWz7eCpouRu83yLKhk50jg4fwVgY66ea6zep0WrpnrN9plk9qwHL2Qi7GlBY

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