Video is a grid of media items (hosted video or remote video) opened with GLightbox. It does not use Video.js — that library is vendored for slideshow slide videos.
Use it for a video gallery. Prefer Overlay Content when the video should open from a hash elsewhere on the page. Prefer Slideshow when the video is a hero background.
Overview
APB-DOCS-COMP-VIDEO
Video is a grid of media items (hosted video or remote video) opened with GLightbox. It does not use Video.js — that library is vendored for slideshow slide videos.
Use it for a video gallery. Prefer Overlay Content when the video should open from a hash elsewhere on the page. Prefer Slideshow when the video is a hero background.
Adding the component
Click Add Video. Add items that reference media video or remote_video. Save.
Component configuration
Parent bundle apb_pb_video (Video). Shared fields (section title, placement, width, custom class, intro, container settings, access control) are documented once. Component-specific fields are listed in full from the live Field API dump dated 2026-09-03T03:15:35+00:00.
Container settings sections: padding, margin, border, background. Shared defaults and the validator regex are on Shared settings.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pb_container_settings | Container settings | text_long | no | — | empty | Shared. See Shared settings. |
field_apb_pb_container_bg_media | Background media | entity_reference | no | entity: media (image, video, remote_video) | empty | Shared. See Shared settings. |
field_apb_section_title | Section Title | string | no | — | empty | Shared. See Shared settings. |
field_apb_pb_intro | Intro Text | text_long | no | — | empty | Shared. See Shared settings. |
field_apb_show_section_title | Show Section Title | list_string | yes | no=No</code>, <code>yes=Yes | [{"value":"no"}] | Shared. See Shared settings. |
field_apb_video_items | Video Items | entity_reference_revisions | no | entity: paragraph (apb_pi_video) | empty | — |
field_apb_target_placement | Target Placement | entity_reference | yes | current_position</code>, <code>main_content_no_container</code>, <code>main_content_top</code>, <code>main_content_bottom</code>, <code>presentation_region</code>, <code>sidebar_top</code>, <code>sidebar_bottom</code>, <code>internal_placement_1</code>, <code>internal_placement_2</code>, <code>internal_placement_3 | [{"target_id":52}] | Shared. See Shared settings and Target placement. |
field_apb_columns_tx | Columns | entity_reference | no | 1_column</code>, <code>2_columns</code>, <code>3_columns</code>, <code>4_columns</code>, <code>5_columns</code>, <code>6_columns</code>, <code>7_columns</code>, <code>8_columns</code>, <code>9_columns</code>, <code>10_columns | [{"target_id":19}] | — |
field_apb_column_gap_tx | Column Gap | entity_reference | no | 0px</code>, <code>4px</code>, <code>5px</code>, <code>8px</code>, <code>10px</code>, <code>15px</code>, <code>16px</code>, <code>20px</code>, <code>24px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>40px</code>, <code>48px</code>, <code>56px</code>, <code>64px | [{"target_id":37}] | — |
field_apb_color_style_01 | Color Style | entity_reference | yes | black</code>, <code>white</code>, <code>teal_blue</code>, <code>blue</code>, <code>orange</code>, <code>green</code>, <code>red</code>, <code>silver_and_blue | empty | — |
field_apb_width_tx | Component Width | entity_reference | yes | 25_</code>, <code>33_</code>, <code>40_</code>, <code>50_</code>, <code>60_</code>, <code>66_</code>, <code>70_</code>, <code>75_</code>, <code>80_</code>, <code>90_</code>, <code>100_ | [{"target_id":72}] | Shared. See Shared settings. |
field_apb_custom_class | Custom Class | string | no | — | empty | Shared. See Shared settings. |
Component items
APB Video item apb_pi_video
field_apb_pi_desc is the Inline Entity Form autocomplete label. It is not rendered on the front end.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_title | Title | string | no | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
field_apb_pi_video | Video | entity_reference | no | entity: media (remote_video, video) | empty | Local file or remote (YouTube / Vimeo) Media entity. |
field_apb_pi_custom_class | Custom Class | string | no | — | empty | — |
field_apb_pi_video_description | Description | string_long | no | — | empty | Optional caption displayed under the player. |
field_apb_pi_desc | Description | string | no | — | empty | Shown only in admin widgets to disambiguate similar titles. |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/video for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.