پرش به محتویات

اسکیمای Video (Video Schema)

ویژگی (Property) مقدار (Value)
name video
category basic
tag div
nestable false

کنترل‌ها (Controls)

کلید (Key) نوع (Type) برچسب (Label) CSS
videoType select Source —
iframeTitle text Iframe title —
aspectRatio select Aspect ratio aspect-ratio
objectFit select Object fit object-fit on video
youTubeId text YouTube video ID/URL —
youtubeAutoplay checkbox Autoplay —
youtubeControls checkbox Controls —
youtubeLoop checkbox Loop —
youtubeMute checkbox Mute —
youtubeRel checkbox Related videos from other channels —
youtubeDoNotTrack checkbox Do not track —
youtubeStart number Start time [s] —
youtubeEnd number End time [s] —
youtubeDisableFullscreenButton checkbox Disable fullscreen button —
youtubeDisableKeyboard checkbox Disable keyboard controls —
youtubeLanguage text Interface language —
youtubeCcLang text Captions language —
youtubeCcLoad checkbox Show captions by default —
youtubeColor select Progress bar color —
youtubeHideAnnotationsByDefault checkbox Hide video annotations by default —
youtubePlaysinline checkbox Play inline —
vimeoId text Vimeo video ID/URL —
vimeoHash text Vimeo privacy hash —
vimeoAutoplay checkbox Autoplay —
vimeoLoop checkbox Loop —
vimeoMute checkbox Mute —
vimeoByline checkbox Byline —
vimeoTitle checkbox Title —
vimeoPortrait checkbox User portrait —
vimeoDoNotTrack checkbox Do not track —
vimeoColor color Color —
previewImage select previewImage —
previewImageCustom image previewImageCustom —
previewImageSize select Image size —
media video Media —
fileUrl text Video file URL —
useDynamicData text useDynamicData —
filePreload select Preload —
fileAutoplay checkbox Autoplay —
fileLoop checkbox Loop —
fileMute checkbox Mute —
fileInline checkbox Play inline —
fileControls checkbox Controls —
fileControlNoDownload checkbox Disable —
fileControlNoFullscreen checkbox Disable —
fileControlNoRemotePlayback checkbox Disable —
videoPoster image Poster —
overlay background Overlay background on .bricks-video-overlay
overlayIcon icon Icon —
overlayAriaLabel text aria-label —
overlayIconTypography typography Icon typography font on .bricks-video-overlay-icon
overlayIconPadding spacing Icon padding padding on .bricks-video-overlay-icon
overlayIconBackgroundColor color Icon background color background-color on .bricks-video-overlay-icon
overlayIconBorder border Icon border border on .bricks-video-overlay-icon
overlayIconBoxShadow box-shadow Icon box shadow box-shadow on .bricks-video-overlay-icon

کنترل‌های CSS به‌ارث‌رسیده (Inherited CSS controls)

کنترل‌های مشترک CSS در همه المان‌ها موجود است. کلیدها با _ پیشوند هستند و از گونه‌های پاسخگو/شبه کلاس از طریق نحو کولون (به عنوان مثال _typography:tablet_portrait:hover) پشتیبانی می‌کنند.

کلید (Key) نوع (Type) برچسب (Label) CSS
_content text Content content
_margin spacing Margin margin
_padding spacing Padding padding
_width number Width width
_widthMin number Min. width min-width
_widthMax number Max. width max-width
_height number Height height
_heightMin number Min. height min-height
_heightMax number Max. height max-height
_aspectRatio text Aspect ratio aspect-ratio
_position select Position position
_top number Top top
_right number Right right
_bottom number Bottom bottom
_left number Left left
_zIndex number Z-index z-index
_order number Order order
_display select Display display, align-items
_visibility select Visibility visibility
_overflow text Overflow overflow
_opacity number Opacity opacity
_cursor select Cursor cursor
_isolation select Isolation isolation
_mixBlendMode select Mix blend mode mix-blend-mode
_pointerEvents text Pointer events pointer-events
_perspective number Perspective perspective
_perspectiveOrigin text Perspective origin perspective-origin
_gridItemJustifySelf align-items Justify self justify-self
_flexDirection direction Direction flex-direction
_alignSelf align-items Align self align-self
_justifyContent justify-content Align main axis justify-content
_alignItems align-items Align cross axis align-items
_gap number Gap gap
_flexGrow number Flex grow flex-grow
_flexShrink number Flex shrink flex-shrink
_flexBasis text Flex basis flex-basis
_useMasonry checkbox %s layout —
_masonryColumn number Columns --columns
_masonryGutter number Spacing --gutter
_masonryHorizontalOrder checkbox Horizontal order —
_masonryTransitionDuration number Transition —
_masonryTransitionMode select Reveal animation —
_typography typography _typography font
_background background _background background
_shapeDividers repeater Custom shape —
_gradient gradient _gradient background-image
_border border Border border
_boxShadow box-shadow Box shadow box-shadow
_transform transform Transform transform
_transformOrigin text Transform origin transform-origin
_motionElementParallax checkbox Element parallax —
_motionElementParallaxSpeedX number Horizontal speed --brx-motion-parallax-speed-x
_motionElementParallaxSpeedY number Vertical speed --brx-motion-parallax-speed-y
_motionBackgroundParallax checkbox Background parallax —
_motionBackgroundParallaxSpeed number Background speed --brx-motion-background-speed
_motionStartVisiblePercent number Parallax start point —
_cssCustom code Custom CSS —
_cssClasses text CSS classes —
_cssId text CSS ID —
_cssFilters filters CSS Filters filter
_cssTransition text Transition transition
_attributes repeater Name —
_scrollSnapType select Type scroll-snap-type on html, scroll-snap-align on .brxe-section
_scrollSnapAlign select Align scroll-snap-align on .brxe-section
_scrollSnapStop select Stop scroll-snap-stop on .brxe-section