اسکیمای 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 |