Flowplayer Integration : The HTML5 video player for the web

on

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>
         <source type="video/mp4" src="https://edge.flowplayer.org/bauhaus.mp4">
      </video>
   </div>


See other Player Integration Playlist




See a Sample Code with Demo on Repl.it(Full Webpage) :- https://sopplayer.sh20raj.repl.co/FlowPlayer/








Comments

Post a Comment