FWDUVPlayer.useYoutube = "no"; FWDUVPUtils.onReady(function(){ new FWDUVPlayer({ //main settings instanceName:"player1", parentId:"myDiv", playlistsId:"playlists", mainFolderPath:"https://www.naturel-fitness.com/wp-content/plugins/fwduvp/content", skinPath:"minimal_skin_dark", displayType:"responsive", initializeOnlyWhenVisible:"yes", useVectorIcons:"no", fillEntireVideoScreen:"yes", fillEntireposterScreen:"yes", goFullScreenOnButtonPlay:"no", playsinline:"yes", privateVideoPassword:"428c841430ea18a70f7b06525d4b748a", youtubeAPIKey:"", useHEXColorsForSkin:"no", normalHEXButtonsColor:"#666666", googleAnalyticsTrackingCode:"", useResumeOnPlay:"no", useDeepLinking:"yes", showPreloader:"yes", preloaderBackgroundColor:"#000000", preloaderFillColor:"#FFFFFF", addKeyboardSupport:"yes", autoScale:"yes", showButtonsToolTip:"no", stopVideoWhenPlayComplete:"no", playAfterVideoStop:"no", autoPlay:"no", loop:"no", shuffle:"no", maxWidth:980, maxHeight:552, buttonsToolTipHideDelay:1.5, volume:.8, backgroundColor:"#000000", videoBackgroundColor:"#000000", posterBackgroundColor:"#000000", buttonsToolTipFontColor:"#5a5a5a", //logo settings showLogo:"yes", hideLogoWithController:"yes", logoPosition:"topRight", logoLink:"https://www.naturel-fitness.com/wp-content/uploads/2020/02/logo.png", logoMargins:10, //playlists/categories settings showPlaylistsSearchInput:"no", usePlaylistsSelectBox:"no", showPlaylistsButtonAndPlaylists:"no", showPlaylistsByDefault:"no", thumbnailSelectedType:"opacity", startAtPlaylist:0, buttonsMargins:15, thumbnailMaxWidth:350, thumbnailMaxHeight:350, horizontalSpaceBetweenThumbnails:40, verticalSpaceBetweenThumbnails:40, //playlist settings showPlaylistButtonAndPlaylist:"no", playlistPosition:"right", showPlaylistByDefault:"no", showPlaylistName:"no", showSearchInput:"no", showLoopButton:"yes", showShuffleButton:"yes", showPlaylistOnFullScreen:"no", showNextAndPrevButtons:"yes", showThumbnail:"yes", forceDisableDownloadButtonForFolder:"yes", addMouseWheelSupport:"yes", startAtRandomVideo:"no", stopAfterLastVideoHasPlayed:"no", addScrollOnMouseMove:"no", randomizePlaylist:'no', folderVideoLabel:"VIDEO ", playlistRightWidth:310, playlistBottomHeight:380, startAtVideo:0, maxPlaylistItems:50, thumbnailWidth:71, thumbnailHeight:71, spaceBetweenControllerAndPlaylist:1, spaceBetweenThumbnails:1, scrollbarOffestWidth:8, scollbarSpeedSensitivity:.5, playlistBackgroundColor:"#000000", playlistNameColor:"#FFFFFF", thumbnailNormalBackgroundColor:"#1b1b1b", thumbnailHoverBackgroundColor:"#313131", thumbnailDisabledBackgroundColor:"#272727", searchInputBackgroundColor:"#000000", searchInputColor:"#999999", youtubeAndFolderVideoTitleColor:"#FFFFFF", folderAudioSecondTitleColor:"#999999", youtubeOwnerColor:"#888888", youtubeDescriptionColor:"#888888", mainSelectorBackgroundSelectedColor:"#FFFFFF", mainSelectorTextNormalColor:"#FFFFFF", mainSelectorTextSelectedColor:"#000000", mainButtonBackgroundNormalColor:"#212021", mainButtonBackgroundSelectedColor:"#FFFFFF", mainButtonTextNormalColor:"#FFFFFF", mainButtonTextSelectedColor:"#000000", //controller settings showController:"yes", showControllerWhenVideoIsStopped:"yes", showNextAndPrevButtonsInController:"no", showRewindButton:"yes", showPlaybackRateButton:"yes", showVolumeButton:"yes", showTime:"yes", showQualityButton:"yes", showInfoButton:"yes", showSubtitleButton:"yes", showDownloadButton:"yes", showShareButton:"yes", showEmbedButton:"yes", showChromecastButton:"no", showFullScreenButton:"yes", disableVideoScrubber:"no", showScrubberWhenControllerIsHidden:"yes", showMainScrubberToolTipLabel:"yes", showDefaultControllerForVimeo:"no", repeatBackground:"yes", controllerHeight:42, controllerHideDelay:3, startSpaceBetweenButtons:7, spaceBetweenButtons:8, scrubbersOffsetWidth:2, mainScrubberOffestTop:14, timeOffsetLeftWidth:5, timeOffsetRightWidth:3, timeOffsetTop:0, volumeScrubberHeight:80, volumeScrubberOfsetHeight:12, timeColor:"#888888", youtubeQualityButtonNormalColor:"#888888", youtubeQualityButtonSelectedColor:"#FFFFFF", scrubbersToolTipLabelBackgroundColor:"#FFFFFF", scrubbersToolTipLabelFontColor:"#5a5a5a", }); registerAPI(); }); //Register API (an setInterval is required because the player is not available until the youtube API is loaded). var registerAPIInterval; function registerAPI(){ clearInterval(registerAPIInterval); if(window.player1){ player1.addListener(FWDUVPlayer.READY, readyHandler); player1.addListener(FWDUVPlayer.ERROR, errorHandler); player1.addListener(FWDUVPlayer.PLAY, playHandler); player1.addListener(FWDUVPlayer.PAUSE, pauseHandler); player1.addListener(FWDUVPlayer.STOP, stopHandler); player1.addListener(FWDUVPlayer.UPDATE, updateHandler); player1.addListener(FWDUVPlayer.UPDATE_TIME, updateTimeHandler); player1.addListener(FWDUVPlayer.UPDATE_VIDEO_SOURCE, updateVideoSourceHandler); player1.addListener(FWDUVPlayer.UPDATE_POSTER_SOURCE, updatePosterSourceHandler); player1.addListener(FWDUVPlayer.START_TO_LOAD_PLAYLIST, startToLoadPlaylistHandler); player1.addListener(FWDUVPlayer.LOAD_PLAYLIST_COMPLETE, loadPlaylistCompleteHandler); player1.addListener(FWDUVPlayer.PLAY_COMPLETE, playCompleteHandler); }else{ registerAPIInterval = setInterval(registerAPI, 100); } }; //API event listeners examples function readyHandler(e){ //console.log("API -- ready to use"); } function errorHandler(e){ console.log(e.error); } function playHandler(e){ //console.log("API -- play"); } function pauseHandler(e){ //console.log("API -- pause"); } function stopHandler(e){ //console.log("API -- stop"); } function updateHandler(e){ //console.log("API -- update video, percent played: " + e.percent); } function updateTimeHandler(e){ //console.log("API -- update time: " + e.currentTime + "/" + e.totalTime); } function updateVideoSourceHandler(e){ //console.log("API -- video source update: " + player1.getVideoSource()); } function updatePosterSourceHandler(e){ //console.log("API -- video source update: " + player1.getPosterSource()); } function startToLoadPlaylistHandler(e){ //console.log("API -- start to load playlist: " + player1.getCurCatId()); } function loadPlaylistCompleteHandler(e){ //console.log("API -- playlist load complete: " + player1.getCurCatId()); } function playCompleteHandler(e){ //console.log("API -- play complete"); } //API methods examples function play(){ player1.play(); } function playNext(){ player1.playNext(); } function playPrev(){ player1.playPrev(); } function playShuffle(){ player1.playShuffle(); } function playVideo(videoId){ player1.playVideo(videoId); } function pause(){ player1.pause(); } function stop(){ player1.stop(); } function scrub(percent){ player1.scrub(percent); } function setVolume(percent){ player1.setVolume(percent); } function share(){ player1.share(); } function download(){ player1.downloadVideo(); } function goFullScreen(){ player1.goFullScreen(); } function showCategories(){ player1.showCategories(); } function loadPlaylist(playlistId){ player1.loadPlaylist(playlistId); }