Google Drive How to play video or audio from Google Drive Custom HLS loader How to sort HLS audio tracks in the desired order Player widget on the lock screen How player data is displayed on the smartphone lock screen mediasession sessionCorrection of the displayed time How to change time in interface without changing playback time Menu icons How to add custom icons to menu item titles Subtitles feed window How to show a window in the player with a list of all subtitles Video camera playback How to connect a local camera to the player HLS download protection How to protect m3u8 stream from video downloading Opening local files How to allow users to play their files Squarespace integration How to integrate a player into Squarespace Custom list in the settings menu How to create your own options list in the player menu Related videos How to show recommended videos at the end of playback recommendationsBandwidth and bitrate How to show the average throughput for HLS and DASH in the player mbps kbpsToolbar control via API How to change the display mode of the control panel through the API toolbar control panel hideLightweight integration The player will be created only after clicking on the poster stub plugClicking on the player How to catch all clicks on the player Playlist progress How to track the progress of the entire playlist Interface for visually impaired Support of the screen readers for blind and visually impaired people voiceover blindOutside subtitles How to display subtitles outside the player Enlarged buttons on full screen How to scale the interface in full screen mode fullscreen enlarge interface scale zoomRound progress bar How to set up a round shaped timeline in the player Video 360° How to show spherical video in the player immersive spherical 360 virtualEnd credits skip button How to show an element a few seconds before the end of playback next text show until warningDisabling rewind How to disable timeline rewind in the player Player in a view area How to create a player only in a view area sightLoop How to loop a playback replay repeatCustom buffering icon How to display custom text or graphic instead of a buffering icon Playing a specific playlist file How to specify the desired playlist file in the link of the page hash playlist starting fileRemove all buttons How to remove all player buttons hide disableColor variables How to easily change the color of player elements without PlayerJS builder css change skinExternal elements How to show external elements outside external show elementsCredits skip button How to make a credits (summary, trailer) skip button titles captions skip summary trailerVideo colour settings How to change the contrast, brightness, and saturation of a video in the player color correction contrast brightness saturation sepiaVertical video How to build a player for vertical video hotkeys gestures swipingPlayer stretch button How to change the size of the player with your button theatre cinema size expand wideRepeating segments How to set up a playback segment to repeat training cut loop intervalUI elements visibility. Hide or show player UI elements based on a condition. hide buttons elementsReboot on freezes How to restart the player when it freezes or a playback error occurs reload freez manifestLoadError networkErrorDomain restrictions How to prevent the player from being used on certain domains allow deny domain protection verification block limit ban permissionID3 tags How to read MP3 metadata (ID3 tags) id3 mp3 tagsCustom labels How to show custom labels in the player text elements label messages annotation variablesPlaylist generator on PHP Script for automatic generation of playlists by folders Advanced tooltip How to add a complex formatting to your tooltips tooltipsAge limit How to create warning labels and set up an age verification access age test mark customtext ratingReact.js Example of the player integration in React.js DASH video format How to play mpd streams drm widevine clearkey video streaming protocols formatsPlaylist autoplay How to set up automatic playback of a playlist autonext autoplay nextDynamic links How to pass playback sources to the player dynamically Vue.js Example of player integrating for Vue.js vue3 nuxtPlayback tracking How to track playback time via the API Ad blocking bypass How to replace an advertisement link on the fly in case of blocking Combined settings menu How to combine settings in one window menu settings options window speed qualityCustom switch How make a custom switch for any of the settings item settings switch sliderReplacing video and audio How to set up player to automatically affect standard video and audio install video tagsPromo videos How to show promo or intro video clips promo intro outro prerollContext menu How to configure the right-click context menu right click context menuComparison of players How to compare the settings of two players Displaying keystrokes How to display key compbinations pressed on the keyboard hotkey icons press shortcutsQuizzes and polls How to set up custom survey in the player quiz survey pollGeographic restrictions How to set up restrictions based on geolocation geolocation targeting country regionAds geotargeting How to set up geotargeting for advertising geolocation targeting country regionCustom picture for an error handler How to display a special video or image in case of a playback error Live countdown How to set up a countdown to the start of a live broadcast countdown timer live broadcastSwipe rewind How to enable swipe rewind swipe seekVariables in advertising links How to use placeholders for custom variables in ad links vars replace randomLimit ads based on domain How to enable or disable ads on certain domains ads domains disable enableDASH subtitles How to show the embedded DASH subtitles embed subtitle dashSleep timer How to stop playback at a specific time sleep timerDropdown playlist How to implement a playlist as a drop-down list dropdown selectManaging ads via code How to change ads outside PlayerJS builder vast advertisingToolbar under and outside the video How to prevent player toolbar from overlapping the video. toolbar under screenPlayer interface localization How to change the language of the player interface localization language spanish french czech polish germanAdvertising timeouts How to set timeouts for loading and displaying ads Video scale How to customize the video zoom buttons in the player scale zoomHow to rename quality options Custom names for quality options in HLS & DASH ultra full 1080 720 hls dashCustom VAST XML How to compile your own XML code for VAST advertising custom vast wrapper ads xmlWatermarks How to show transparent labels for content protection watermarksAdBlock check How to determine if ads are being blocked adblock vastAdaptive audio playlist height How to avoid scrolling in a playlist audio playlist heightSubtitle translation How to split the subtitles into words to display the translation subtitle translate wordsCloud hosting for video players How to use the player without hosting its file. cloud storage hosting iframe wix tildaHLS subtitles How to display an embedded HLS subtitles and captions embed subtitle captions closedFullscreen in landscape mode Automatic fullscreen in landscape mode Title template How to format a titles using templates Floating player How to have the player position fixed when scrolling fixed scrolling fly mini stickParallel subtitles How to show multiple subtitles together subtitles shared togetherRemove ads for a short content How to avoid showing advertising in a short videos Effects How to adjust video effects (blur, monochrome, etc.) effects snow blur grayscaleFonts How to manage fonts in the player and utilise Google Fonts google custom fontsAdvertisement breaks How to set pauses between ad impressions Advertising events in API How to catch ad events via JavaScript Custom quality switch buttons How to make a separate button to switch quality HD or HQ quality buttonFormatting playlists How to build a custom playlist layout (including pictures) format playlist thumbnailsPlaylist memorization How to remember which files in a playlist was already played playlist memoryPause button How to show the pause button in the center of the player on hover elements pauseAd queue logic How the advertising queue works waterfall ads vastDebug mode How to view player logs in browser console logs debug console error mobile ios android inspectCopying player design How to copy the design of one player to another copy designSound channels How to separate the left and right channel in the player channels pluginMarking up a content What are the ways to mark up content inside the player markup timestamp points events timeline chaptersAirPlay How to set up AirPlay support airplayContent markup outside of the player How to make a table of contents based on time points timestampsDVR How to show DVR live broadcasts DVR HLS DASHHLS video format How to play m3u8 streams hls aes p2p program drm hls.js widevine playready fireplay clearkeyChromecast How to set up Chromecast support in the player chromecast plugins googleRTMP playback HTML5 players cannot play RTMP streams rtmpOutside playlist How to move the playlist in the outer container playlist throw pluginDownload button How to add a download button download integrationResponsive interface Changing interface for the different player sizes clone copie duplicate resize interface elementsFloating player (PiP) Picture-in-picture mode for Webkit based browsers pip picture chrome collapse fix floatingProtecting content with the link variables How to use custom variables in a content links pluginGetting started How to create your first player in the PlayerJS Builder Player copy How to copy your player to another account copy player other accountPlayback speed How to set a playback speed selection Transparent background How to make the player background transparent transparent proRadio How to show info from radio metadata radio tags metadata audioPlay on hover How to launch the player on hover playback hoverBackground video How to use the player as a page background background video cover stretch scaleCustom background for the toolbar Horizontally repeated bitmap for the toolbar background background toolbarPlaying Vimeo How to play video from a popular video hosting vimeoPositioning of the UI elements How to place an interface element at the desired location margins elements positionAccess password How to set a password to access the player content password accessHow to limit playback time The player can cut a part of the content anywhere on the timeline. playback starting finish duration limit remove end start continueCustom ID for the player elements How to assign an ID to any button to control it from outside of the player. dom pro logo cssSecond stream How to play two video/audio streams simultaneously in one player pip soundtrackSaving playback position How to memorize playback position for returning users memorize time remember memory continueYouTube playback How to play video from the most popular video hosting youtube quality codecs integrationHow to track the visibility of the player The player can monitor its visibility on the page visibility apiHotkeys and gestures Keyboard shortcuts and gesture settings for touchscreens hotkeys rewind seek volume scale full shortcutsNative controls on mobile platforms Switching to the system UI on mobile platforms native controls playback iphoneMuted autoplay What to do if browser prohibits autoplay with sound muted autoplay playbackMid-roll ads How to schedule mid-roll ad breaks midrollPlayback errors Understanding the playback errors. error request playback not found network decode dontLimitation of advertising How to set the desired amount of ads vast limitsSound volume How to control sound volume volume sound amplify gainText labels How to show your text labels in the player label text codeCustom drop-down lists on the toolbar How to make a separate dropdown list of options for any setting select quality drop subtitlesAd skip button How to set the timing of the ad skip button skip adsSettings window How the selection of quality, subtitles, etc. is displayed settings menu qualityShuffle mode How to set up a random play in the playlist random shufflePlayer on HTTPS domains Specifics of content downloading on secure domains https sslWhat to do if video ads don't work How to use a browser console to learn the cause of ad failures Poster How to pass a poster in the player code poster image picture lockposter splashHow to change the design of the player on the fly Dynamic way to update player design via API integration api design switchCommands and requests JS API How to control the player via JavaScript and request data api javascript jsapi postmessage iframePrivacy policy PlayerJS privacy policy legalHow to embed the player in an iframe How to integrate the player in a separate iframe page integration embed shareFallback sources How to switch playback to a spare link in case of an error alternative balancer integration failback primary reserve backup duplicateTerms of Service Formal contract between user and PlayerJS service legal licenseAudio Tracks How to switch audio tracks audiotracks pluginsCombining multiple players into one A way to place several different players on the same page integration change design different union combineThumbnails How to show frames of the video when hovering over the timeline pop-up picture frames preview plugins thumbnails phpGoogle Analytics How to collect statistics of various player events plugins ga galabelsCustom buttons and elements How to create your own buttons and labels in the player pro logo elements buttonsSearch in playlist Searching for files in playlist via the player interface or API pluginsEmbed code and social sharing How to share the player code or link in messengers and social networks embed code iframe share webshareSubtitles How to play subtitles in the player subtitle captioning subs vtt srt pluginsScreenshots How to take screenshots of videos using the player ja api api javascript screenshot snapshotWordPress plugin How to embed the player to your WP website wordpress pluginCross-domain policy Features of loading files from different domains crossdomain cors integrationPlaylists How to create a JSON playlist playlist related series plugins m3u start redirectJS API events How to catch video player events via JavaScript api javascript jsapi events postmessage iframePlayer integration How to embed the player to your web site integration embed code asyncCodecs support What video and audio codecs does the player support html5 codecs mp4 hls dash flacAutoplay How to set up autoplay autoplay playbackPlayer size How to set the desired player size and adaptability size width height integration embed code aspect ratioQuality selector How to set up a choice of quality options in the player quality |