Web Player
Embed options
Every option on this page goes in the object you pass to $bp(), next to id, width and height. An embed option overrides the player’s CMS settings for that embed only: the player starts from its defaults, applies the player settings from the CMS, then applies the options from the embed code. To change a setting for every embed, change it in the CMS instead. The CMS player settings are described in the Help Center: https://helpdesk.target-video.com/
This page lists options that aren’t covered elsewhere. For common setups, including the sticky player, see Player configuration reference, and its Consent and privacy options section for wait_tcf_api, wait_gpp_api, ima_secure_mode and nonce_ppid. For ad tags (Ad), see Advertisement.
$bp('DIV_ID', {
id: 'PLAYER_ID',
width: '640',
height: '360',
video: 'VIDEO_ID',
controlsTimeout: 5000,
unmute_button: true,
play_progress_color: '#e50914'
});Before you start
Use real booleans and numbers, such as
true,falseand5000. Values aren’t converted, so the strings"0"and"false"turn a feature on.Objects and arrays replace the CMS value; they aren’t merged with it. If you pass
invieworclose_button_styles, include every property you need.
Controls and interface
Parameter | Description |
|---|---|
contextMenu | Right-click opens the player’s own menu (Share, Keyboard shortcuts) instead of the browser’s. Default |
shortcutsEnabled | Keyboard shortcuts while the player has focus, on desktop — for example, the arrow keys seek and change the volume. Default |
controlsTimeout | How long the controls stay visible without activity before they hide, in milliseconds. Default |
titleBar | Shows the video title at the top of the player. Default |
unmute_button | Shows an Unmute button when playback starts muted. |
play_progress_color | Colour of the progress bar, as a CSS colour, e.g. |
customPlayButton | URL of an image to use as the large play button. |
shareOn | Buttons on the share screen: |
next_video_preview | Shows a “Next video” card near the end of a video — 15 seconds before the end, or at two-thirds of a short video — when the playlist has another video. Only on players taller than 260 px. Default |
Playlist
Parameter | Description |
|---|---|
afterPlaylistEnd | What happens after the last video when the playlist plays continuously ( |
max_related_videos | Maximum number of related videos added to the playlist. |
Advertising
Ad tags are set with Ad (see Advertisement). An Ad value in the embed code replaces the player’s CMS ad schedule.
Parameter | Description |
|---|---|
dont_stack_midrolls | When a viewer seeks past several midroll cue points, only the last one plays instead of every break in a row. |
blockAdPause | If an ad pauses without the viewer pausing it, the player resumes it straight away. Viewers can still pause ads themselves. |
call_ads_on_click | Works with |
wait_for_ad_inview | If the player is out of view when the first ad starts, the ad pauses and resumes once the player is at least 50% visible. |
ad_max_bitrate | Maximum recommended ad bitrate in kbps, passed to Google IMA. Has no effect on ads that don’t play through IMA. |
vpaid_controls | Keeps the control bar visible during VPAID ads. Without it, the control bar is hidden until the ad ends. |
autohide_ad_controls | Hides the controls during ads after |
Sticky player
These options change how the sticky player behaves. They only apply when the sticky player is on (slide_inview: true, with its inview settings). slide_inposition uses none of them.
Parameter | Description |
|---|---|
inviewTopOffset_mobile, inviewBottomOffset_mobile, inviewLeftOffset_mobile, inviewRightOffset_mobile | Offsets used on phones instead of the desktop |
slide_inview_mobile |
|
slide_inview_show | When the close button appears: |
slide_inview_seconds | Seconds before the close button appears, with |
unsticky_btn | Position of the close button: |
close_button_styles | Custom close button image and size in px: |
sticky_border_radius | Rounded corners for the sticky player: a number in px, or a percentage string such as |
sticky_title_above | Shows a bar with the video title above the sticky player. The close button moves to the top right. |
stickyWaitsScroll | The player only becomes sticky after the viewer has scrolled the page. |
boostSticky | Delayed autoplay: the player starts muted |
boostStickyTime | Delay for |
Sticky bar on mobile
On mobile devices, slide_intop replaces the sticky player with a full-width bar. It also needs slide_inview: true, and on mobile it takes priority over slide_inposition.
Parameter | Description |
|---|---|
slide_intop | Turns the bar on. |
slide_intop_position |
|
slide_intop_offset | Gap between the bar and the edge of the screen, in px. Pass a number, e.g. |
slide_intop_title |
|
Frame
Draws a coloured frame around the player, with an optional title above it and a “Powered by” line below. Every frame option needs frame_show: true; the frame_by_ options also need frame_show_by: true. The frame isn’t drawn in the CMS preview.
Parameter | Description |
|---|---|
frame_show | Turns the frame on. |
frame_width | Frame thickness in px. Default |
frame_color | Frame colour, as a CSS colour. |
frame_text_color | Colour of the title and the “Powered by” text. |
frame_title | Title shown above the player. HTML is allowed. |
frame_title_font_size | Title size in px. Default |
frame_title_text_align |
|
frame_font_family | Font for the frame text, as a CSS font-family. |
frame_show_by | Adds a “Powered by” link with a logo below the player. |
frame_by_text | Link text. Default |
frame_by_link | Link address. It opens in a new tab. |
frame_by_image_src | Logo image URL, shown at up to 78 × 16 px. |
frame_by_font_size | Link text size in px. Default |