Easy Video Player

<!DOCTYPE html> <html lang="en-US"> <head> <title>Easy Video Player</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" /> <link rel='icon' href='assets/favicon.png' type='image/x-icon'/> <link href="https://fonts.Googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet"> <link href="https://fonts.Googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet"> <link rel='stylesheet' href='content/global.css' type='text/css'/> <link rel='stylesheet' id="main_css" href='css/main.css' type='text/css'/> <script type='text/javascript' src='js/jQuery.js'></script> <script type='text/javascript' src='js/main.js'></script> <script type="text/javascript" src="js/FWDSI.js"></script> <script type="text/javascript" src="js/FWDEVPlayer.js"></script> <script> var page="demo-single"; function setupVideoPlayerDemo(){ new FWDEVPlayer({ //main settings instanceName:"player1", parentId:"myDiv", mainFolderPath:"content", initializeOnlyWhenVisible:"no", skinPath:"minimal_skin_dark", displayType:"responsive", fillEntireVideoScreen:"no", playsinline:"yes", autoScale:"yes", openDownloadLinkOnMobile:"no", useVectorIcons:"no", useResumeOnPlay:"no", goFullScreenOnButtonPlay:"no", useHEXColorsForSkin:"no", normalHEXButtonsColor:"#FF0000", privateVideoPassword:"428c841430ea18a70f7b06525d4b748a", startAtTime:"", stopAtTime:"", startAtVideoSource:2, videoSource:[ {source:"content/videos/fwd-480p.mp4", label:"small version"}, {source:"content/videos/fwd-720p.mp4", label:"hd720"}, {source:"content/videos/fwd-1080p.mp4", label:"hd1080"} ], posterPath:"content/posters/mp4-poster.jpg", showErrorInfo:"yes", fillEntireScreenWithPoster:"yes", disableDoubleClickFullscreen:"no", addKeyboardSupport:"yes", useChromeless:"no", showPreloader:"yes", preloaderColors:["#999999", "#FFFFFF"], autoPlay:"no", enableAutoplayOnMobile:"no", loop:"no", scrubAtTimeAtFirstPlay:"00:00:00", maxWidth:1170, maxHeight:659, volume:.8, greenScreenTolerance:200, backgroundColor:"#000000", posterBackgroundColor:"#000000", //lightbox settings closeLightBoxWhenPlayComplete:"no", lightBoxBackgroundOpacity:.6, lightBoxBackgroundColor:"#000000", //logo settings showLogo:"yes", hideLogoWithController:"yes", logoPosition:"topRight", logoLink:"http://www.webdesign-flash.ro", logoMargins:5, //controller settings showController:"yes", showDefaultControllerForVimeo:"no", showScrubberWhenControllerIsHidden:"yes", showControllerWhenVideoIsStopped:"yes", showVolumeScrubber:"yes", showVolumeButton:"yes", showTime:"yes", showRewindButton:"yes", showQualityButton:"yes", showSubtitleButton:"yes", showShareButton:"no", showEmbedButton:"no", showDownloadButton:"no", showMainScrubberToolTipLabel:"yes", showChromecastButton:"yes", showFullScreenButton:"yes", repeatBackground:"yes", controllerHeight:41, controllerHideDelay:3, startSpaceBetweenButtons:7, spaceBetweenButtons:9, mainScrubberOffestTop:14, scrubbersOffsetWidth:4, timeOffsetLeftWidth:5, timeOffsetRightWidth:3, volumeScrubberWidth:80, volumeScrubberOffsetRightWidth:0, timeColor:"#777777", showYoutubeRelAndInfo:"no", youtubeQualityButtonNormalColor:"#777777", youtubeQualityButtonSelectedColor:"#FFFFFF", scrubbersToolTipLabelBackgroundColor:"#FFFFFF", scrubbersToolTipLabelFontColor:"#5a5a5a", //redirect at video end redirectURL:"", redirectTarget:"_blank", //cuepoints executeCuepointsOnlyOnce:"no", cuepoints:[], //annotations annotiationsListId:"none", showAnnotationsPositionTool:"no", //subtitles showSubtitleButton:"yes", subtitlesOffLabel:"Subtitle off", startAtSubtitle:1, subtitlesSource:[ {subtitlePath:"content/subtitles/english_subtitle.vtt", subtileLabel:"English"}, {subtitlePath:"content/subtitles/romanian_subtitle.vtt", subtileLabel:"Romanian"}, {subtitlePath:"content/subtitles/spanish_subtitle.vtt", subtileLabel:"Spanish"} ], //audio visualizer audioVisualizerLinesColor:"#0099FF", audioVisualizerCircleColor:"#FFFFFF", //advertisement on pause window aopwTitle:"Advertisement", aopwSource:"", aopwWidth:400, aopwHeight:240, aopwBorderSize:6, aopwTitleColor:"#FFFFFF", //playback rate / speed showPlaybackRateButton:"no", defaultPlaybackRate:"1", //0.25, 0.5, 1, 1.25, 1.5, 2 //sticky on scroll stickyOnScroll:"no", stickyOnScrollShowOpener:"yes", stickyOnScrollWidth:"700", stickyOnScrollHeight:"394", //sticky display settings showOpener:"yes", showOpenerPlayPauseButton:"yes", verticalPosition:"bottom", horizontalPosition:"center", showPlayerByDefault:"yes", animatePlayer:"yes", openerAlignment:"right", mainBackgroundImagePath:"content/minimal_skin_dark/main-background.png", openerEqulizerOffsetTop:-1, openerEqulizerOffsetLeft:3, offsetX:0, offsetY:0, //embed window embedWindowCloseButtonMargins:15, borderColor:"#333333", mainLabelsColor:"#FFFFFF", secondaryLabelsColor:"#a1a1a1", shareAndEmbedTextColor:"#5a5a5a", inputBackgroundColor:"#000000", inputColor:"#FFFFFF", //a to b loop useAToB:"no", atbTimeBackgroundColor:"transparent", atbTimeTextColorNormal:"#FFFFFF", atbTimeTextColorSelected:"#FF0000", atbButtonTextNormalColor:"#888888", atbButtonTextSelectedColor:"#FFFFFF", atbButtonBackgroundNormalColor:"#FFFFFF", atbButtonBackgroundSelectedColor:"#000000", //thumbnails preview thumbnailsPreview:"", thumbnailsPreviewWidth:196, thumbnailsPreviewHeight:110, thumbnailsPreviewBackgroundColor:"#000000", thumbnailsPreviewBorderColor:"#666", thumbnailsPreviewLabelBackgroundColor:"#666", thumbnailsPreviewLabelFontColor:"#FFF", // context menu contextMenuType:'default', showScriptDeveloper:"no", contextMenuBackgroundColor:"#1f1f1f", contextMenuBorderColor:"#1f1f1f", contextMenuSpacerColor:"#333", contextMenuItemNormalColor:"#888888", contextMenuItemSelectedColor:"#FFFFFF", contextMenuItemDisabledColor:"#444" }); } </script> </head> <body>  <div class="main">  <div class="menu fwd-hide"> <a href="index.html" class="logo-a"><img class="logo" src="assets/logo.png" alt="Easy Video Player"/></a> <img class="by-fwd" src="assets/by-fwd.png" alt="logo by fwd"/> <nav class="primary-navigation"> <ul id="menu-1"> <li class="menu-item"> <a id="demos_menu" href="index.html">Home</a> </li> <li class="menu-item"> <a id="demos_menu" href="demos.html">Demos</a> </li> <li class="menu-item has-children"> <a href="#" class="buy-now">Buy now</a> <ul class="sub-menu"> <li class="menu-item"> <a href="https://1.envato.market/O39Wz" target="_blank">Buy Javascript Version</a> </li> <li class="menu-item"> <a href="https://1.envato.market/AXyax" target="_blank">Buy WordPress Plugin</a> </li> </ul> </li> </ul> </nav> <nav class="secondary-navigation"> <ul id="menu-1" class="sub-menu has-children"> <li class="menu-item"> <a id="demos_menu" href="index.html">Home</a> </li> <li class="menu-item"> <a id="demos_menu" href="demos.html">Demos</a> </li> <li class="menu-item"> <a href="https://1.envato.market/O39Wz" target="_blank">Buy Javascript Version</a> </li> <li class="menu-item"> <a href="https://1.envato.market/AXyax" target="_blank">Buy WordPress Plugin</a> </li> </ul> </nav> <a class="vertical-menu-toggle"> <span></span> </a> </div>  <div id="myDivHolder" class="fwd-hide"> <div id="myDiv"></div> </div>  <h1 class="d-s-title fwd-hide">Google ChromeCast</h1> <p class="d-s-text fwd-hide">EVP has Google ChromeCast support. Click the ChormeCast button and connect to your casted device.</p>  <div class="ready demos fwd-hide"> <div class="text"> <h1>Ready To Get Started?</h1> <p>Get your own video player today!</p> <div class="a-holder"> <a href="https://1.envato.market/AXyax" target="_blank">Buy WordPress Plugin</a> <div class="separator"></div> <a href="https://1.envato.market/O39Wz" target="_blank">Buy Javascript Version</a> </div> </div> </div>  <div class="quality"> <div class="col col1 fwd-hide"> <svg width="960" height="69" viewBox="0 0 960 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0L960 69V0H0Z" fill="white"/> </svg> <div id="quality_col_1"></div> <div class="text"> <h1><span class="first">Trusted</span> By +25,000 Happy Clients</h1> <p>First released in 2006, our plugin has since then been constantly improved in terms of features, usability, and beginner-friendliness.</p> </div> </div><div class="col col2 fwd-hide"> <svg width="960" height="69" viewBox="0 0 960 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M960 0L0 69V0H960Z" fill="white"/> </svg> <div id="quality_col_2"></div> <div class="text t-2"> <h1><span class="second">Quality Check</span> by Codecanyon, 24/7 Support</h1> <p>Easy to use, tons of features plus direct support from the player developer.</p> <div class="clear-fix"></div> </div> </div> </div>  <div class="footer-main fwd-hide"> <div class="footer"> <div class="col"> <img class="logo" src="assets/logo-down.png" alt="Easy Video Player logo"/> <img class="by-fwd" src="assets/by-fwd.png" alt="logo by fwd"/> <p>Easy Video Player is a powerful and unique responsive video player that can play local, self-hosted or streaming video & audio single source files with one or multiple qualities, Youtube, Vimeo, Vimeo Pro, Live streaming, HLS, DASH MPEG, 360-degree videos / VR, Google Adsense, VAST & VMAP and much more...</p> </div> <div class="col"> <h4>Other FWD plugins</h4> <a href="https://1.envato.market/b9D0P" target="_blank">Ultimate Video Player</a> <br> <a href="https://1.envato.market/z9eqe" target="_blank">Ultimate 3D Carousel</a> <br> <a href="https://1.envato.market/z9eBe" target="_blank">MP3 Sticky Player</a> <br> <a href="https://1.envato.market/L3DWa" target="_blank">Simple Slider Carousel</a> </div> <div class="col"> <h4>Mega Bundle</h4> <div class="bundle"> <div class="holder-main"> <img src="assets/bundle.jpg"/> <div class="holder"> <div class="overlay"></div> <div class="a-holder"> <a href="https://1.envato.market/AXykx" target="_blank">View more</a> </div> </div> </div> </div> </div> <div class="col"> <h4>Support</h4> <p>For support and customizations please contact us.</p> <p> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M14.5937 1.90625H1.40618C1.18971 1.90625 0.987055 1.95947 0.803711 2.04719L7.96868 9.21216L9.57459 7.66881C9.57459 7.66881 9.57471 7.66866 9.57474 7.66859C9.57477 7.66853 9.5749 7.66847 9.5749 7.66847L15.1964 2.04731C15.013 1.95953 14.8102 1.90625 14.5937 1.90625Z" fill="white"/> <path d="M15.8594 2.71094L10.5693 8.00075L15.8592 13.2907C15.947 13.1073 16.0002 12.9047 16.0002 12.6882V3.31319C16.0002 3.09684 15.9471 2.89422 15.8594 2.71094Z" fill="white"/> <path d="M0.140938 2.71045C0.0532188 2.89379 0 3.09645 0 3.31292V12.6879C0 12.9043 0.0531562 13.1069 0.140813 13.2902L5.43091 8.00042L0.140938 2.71045Z" fill="white"/> <path d="M9.90646 8.66315L8.30034 10.2067C8.20877 10.2982 8.08884 10.344 7.96893 10.344C7.84902 10.344 7.72905 10.2982 7.63752 10.2067L6.0939 8.66309L0.803711 13.9529C0.987086 14.0407 1.18987 14.094 1.4064 14.094H14.5939C14.8104 14.094 15.013 14.0408 15.1964 13.9531L9.90646 8.66315Z" fill="white"/> </g> </svg> <a class="email" href="mailto:tibi_diablo@yahoo.com">tibi_diablo@yahoo.com</a> </p> <p class="phone"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M14.7162 10.5022C13.7366 10.5022 12.7747 10.349 11.8633 10.0478C11.4167 9.89542 10.8676 10.0352 10.595 10.3151L8.796 11.6732C6.70963 10.5595 5.42446 9.27475 4.32596 7.20404L5.64408 5.45188C5.98654 5.10988 6.10938 4.61029 5.96221 4.14154C5.65971 3.22529 5.50604 2.26392 5.50604 1.28392C5.50608 0.575958 4.93013 0 4.22221 0H1.28387C0.575958 0 0 0.575958 0 1.28387C0 9.39846 6.60158 16 14.7162 16C15.4241 16 16 15.424 16 14.7161V11.786C16 11.0781 15.424 10.5022 14.7162 10.5022Z" fill="white"/> </g> </svg>+004 0254 484 259</p> </div> <div class="clear-fix"></div> </div> <div class="footer-bar"> <div class="holder"> <p>Copyright ©️ FWDesign</p> <a href="https://www.facebook.com/Futurewebdesign/?eid=ARBVNX9uwTVqUN6-NFFu0-C3HJnbidLw2i5cQ9aSdpOJrDHpvp1Ow-lMBzg_zL-I-s_vTJZ0yMrYAGuH" target="_blank"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 5.5V3.5C9 2.948 9.448 2.5 10 2.5H11V0H9C7.343 0 6 1.343 6 3V5.5H4V8H6V16H9V8H11L12 5.5H9Z" fill="white"/> </svg> </a> <a href="https://www.youtube.com/user/fwdflashwebdesign" target="_blank"> <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.32 1.56C14.886 0.788 14.415 0.646 13.456 0.592C12.498 0.527 10.089 0.5 8.002 0.5C5.911 0.5 3.501 0.527 2.544 0.591C1.587 0.646 1.115 0.787 0.677 1.56C0.23 2.331 0 3.659 0 5.997C0 5.999 0 6 0 6C0 6.002 0 6.003 0 6.003V6.005C0 8.333 0.23 9.671 0.677 10.434C1.115 11.206 1.586 11.346 2.543 11.411C3.501 11.467 5.911 11.5 8.002 11.5C10.089 11.5 12.498 11.467 13.457 11.412C14.416 11.347 14.887 11.207 15.321 10.435C15.772 9.672 16 8.334 16 6.006C16 6.006 16 6.003 16 6.001C16 6.001 16 5.999 16 5.998C16 3.659 15.772 2.331 15.32 1.56ZM6 9V3L11 6L6 9Z" fill="white"/> </svg> </a> </div> </div> </div> </div> </body> </html>

CINXE.COM

Easy Video Player