![]() Layouts with playlistPosition "outer" can have thumbnail grid auto calculated based on breakpoints supplied instead of css media queries, example demos (navigation_outer.html, lightbox.html) Max width of lightbox (height is auto calculated based on ratio). Set video area ratio to fit your videos, for example 1.333333 = 4/3. Default is 290.Īspect ratio of video area. Vertical playlist width in playlistPosition left_bottom / left / right_bottom / right. Playlist height in playlistPosition left_bottom / right_bottom. The limit for when vertical playlist drops below player on narrow screens. For example 1000px or '100%'Įmbed code iframe source. Pause one player if other is playing when multiple instances in same page.Įmbed code iframe width. Sortable playlist tracks by dragging action. If your playlist is hidden on start (playlistOpened:false) and you want truncatePlaylistDescription:true, you need to set truncateWatch:true If truncatePlaylistDescription is true, keep watching text on window resize and resize if necessary. Shorten playlist item description text and apply (.) on the end. ![]() Hide quality menu in controls when there is only single quality available Use browser default, custom or disable right click (disable works for self hosted media and Youtube and Vimeo chromeless players). Place transparent div over video to prevent clicking on youtube video. Use keyboard navigation for playback (left arrow = seek backward, right arrow = seek forward, page up = previous media, page down = next media, spacebar = pause, m = toggle mute) Scroll theme for navigationType type scroll: With lightbox, click on background around lightbox will close lightbox and player. Its not possible to have chromeless player with data-noapi feature!įacebook Application ID for social sharing Same playlist can contain both vimeo default and chromeless videos. Chromeless is only available for videos hosted by a Plus account or higher! If you set chromeless type and video is not hosted by plus account or higher, default vimeo player will be used in that case. Serve Youtube videos from No Cookie domain. This parameter specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen. Go here for the API key: and create new project, enable YouTube Data API, go to Credentials, create Browser key and enter API key. Loop on playlist end backwards to begining. Set how media displays in player possible values: 0 = original, 1 = fit-inside, 2 = fit-outside Will auto mute the video which is required for this feature to work.Īpplicable for video, images, Youtube or Vimeo chromeless players (requires custom width and height set). This can overcome some browser recent changes (like Chrome) which prevents autoplay. Disabled on mobile.įorce muted autoplay for video. Start playing media when player is visible on the page. Useful if you want to start autoplaying after first media has been manually started. Defaults to false on mobile.Īuto play media after first media has been manually started. Leave empty for none.Īctive media to start with on player load (-1 = none, 0 = first, 1 = second.)Īuto play media. Name of the player instance (String), can be used for api (no spacing or special chars)Īctive playlist on player start (playlist id attribute from mvp-playlist-list element). Initialize the plugin with settings (see configuration):Ĭheck also Working with playlist section.Īll player options that can be set when initalizing plugin: Navigation type scroll does not use them so they are not part of wrapper markup by default. Notes: Navigation type buttons requires these elements in HTML ( mvp-nav-backward, mvp-nav-forward). Mvp-pia4 - slide from bottom both info and thumbnail Playlist info animation on mouse over (for mvp-ps-dot, mvp-ps-gdot): Mvp-ps-gdbt - playlist item description below Mvp-ps-gdot - playlist item description over thumbnail Mvp-ps-drot - playlist item description right of thumbnail Mvp-ps-dot - playlist item description over thumbnail Playlist item description: (for mvp-vrb, mvp-vr, mvp-vlb, mvp-vl, mvp-vb, mvp-ht, mvp-bt) Mvp-nt-hover - navigation type hover (mouse move) ![]() Mvp-no-playlist - dont use visible playlist (also do remove mvp-playlist-toggle button from HTML markup which is used to open/close playlist) Mvp-layout-100 - wrapper fullscreen fixed layout (100% of the page) Outer - playlist outer (outside of player, free floting) mvp-wrapper classes define player layout: Include the css and javascript code into HEAD section of the page:Ĭopy player HTML markup in BODY section of the page:
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |