File: /home/confeduphaar/backip-old-files/plugins/system/jdbuilder/elements/video/video.xml
<?xml version="1.0" encoding="utf-8"?>
<element type="video">
<title>Video</title>
<icon>media/jdbuilder/images/icons/elements/video.svg</icon>
<creationDate>May 2020</creationDate>
<author>JoomDev</author>
<authorEmail>info@joomdev.com</authorEmail>
<authorUrl>https://www.joomdev.com</authorUrl>
<copyright>Copyright (C) 2020 Joomdev, Inc. All rights reserved.</copyright>
<license>GNU General Public License version 2 or later; see LICENSE.txt</license>
<version>1.0</version>
<description>Element Description Here</description>
<documentation>https://docs.joomdev.com/article/video-element/</documentation>
<form>
<fields>
<fieldset name="general" label="JDB_GENERAL_TITLE">
<field type="group" name="basic" label="JDB_BASIC_TITLE"></field>
<field type="group" name="videoOptions" showon="(params.videoType=='html5'[AND]params.video!='')[OR](params.videoType!='html5'[AND](params.videoYoutubeLink!=''[OR]params.videoVimeoLink!=''[OR]params.videoDailymotionLink!=''))" label="JDB_VIDEO_OPTIONS"></field>
<field type="group" name="youtubeOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''" label="JDB_VIDEO_YOUTUBE_OPTIONS"></field>
<field type="group" name="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''" label="JDB_VIDEO_SUBSCRIBE_BAR"></field>
<field type="group" name="vimeoOptions" showon="params.videoType=='vimeo'[AND]params.videoVimeoLink!=''" label="JDB_VIDEO_VIMEO_OPTIONS"></field>
<field type="group" name="dailymotionOptions" showon="params.videoType=='dailymotion'[AND]params.videoDailymotionLink!=''" label="JDB_VIDEO_DAILYMOTION_OPTIONS"></field>
<field type="group" name="playButtonOptions" showon="(params.videoType=='html5'[AND]params.video!='')[OR](params.videoType!='html5'[AND](params.videoYoutubeLink!=''[OR]params.videoVimeoLink!=''[OR]params.videoDailymotionLink!=''))[AND]params.thumbnail[AND]params.poster!=''" label="JDB_VIDEO_PLAY_BUTTON"></field>
<field type="group" name="stickyOptions" showon="(params.videoType=='html5'[AND]params.video!='')[OR](params.videoType!='html5'[AND](params.videoYoutubeLink!=''[OR]params.videoVimeoLink!=''[OR]params.videoDailymotionLink!=''))" label="JDB_VIDEO_STICKY_VIDEO"></field>
<field type="radio" name="videoType" label="JDB_VIDEO_TYPE" default="youtube" radiotype="buttons" group="basic">
<option value="html5">JDB_VIDEO_UPLOAD</option>
<option value="youtube">JDB_VIDEO_YOUTUBE</option>
<option value="vimeo">JDB_VIDEO_VIMEO</option>
<option value="dailymotion">JDB_VIDEO_DAILYMOTION</option>
</field>
<!-- Video Select -->
<field name="video" type="video" default="" label="JDB_VIDEO_SELECT_VIDEO" group="basic" showon="params.videoType=='html5'"></field>
<!-- Video Link -->
<field name="videoYoutubeLink" type="text" default="https://www.youtube.com/watch?v=5xwaA-fphvc" label="JDB_VIDEO_LINK" group="basic" showon="params.videoType=='youtube'"></field>
<field name="videoVimeoLink" type="text" default="https://vimeo.com/259400046" label="JDB_VIDEO_LINK" group="basic" showon="params.videoType=='vimeo'"></field>
<field name="videoDailymotionLink" type="text" default="https://www.dailymotion.com/video/x7tv3sz" label="JDB_VIDEO_LINK" group="basic" showon="params.videoType=='dailymotion'"></field>
<!-- Video Options -->
<field type="radio" name="videoSize" label="JDB_VIDEO_SIZE" default="16by9" radiotype="buttons" group="videoOptions">
<option value="16by9">JDB_VIDEO_SIZE_16BY9</option>
<option value="21by9">JDB_VIDEO_SIZE_21BY9</option>
<option value="4by3">JDB_VIDEO_SIZE_4BY3</option>
<option value="1by1">JDB_VIDEO_SIZE_1BY1</option>
</field>
<field name="controls" description="JDB_VIDEO_CONTROLS_DESC" type="switch" label="JDB_VIDEO_CONTROLS" default="true" group="videoOptions"></field>
<field name="autoplay" type="switch" label="JDB_VIDEO_AUTOPLAY" default="false" group="videoOptions"></field>
<field name="muted" type="switch" label="JDB_VIDEO_MUTED" default="false" group="videoOptions"></field>
<field name="loop" type="switch" label="JDB_VIDEO_LOOP" default="false" group="videoOptions" showon="params.videoType!='dailymotion'"></field>
<field type="spacer" label="JDB_VIDEO_THUMBNAIL_OVERLAY" default="" group="videoOptions"></field>
<field name="thumbnail" type="switch" label="JDB_VIDEO_THUMBNAIL" default="false" group="videoOptions"></field>
<field name="poster" showon="params.thumbnail" type="image" label="JDB_VIDEO_CUSTOM_THUMBNAIL" default="" group="videoOptions"></field>
<field type="color" showon="params.thumbnail" name="overlayColor" label="JDB_VIDEO_OVERLAY_COLOR" default="" group="videoOptions"></field>
<field name="lightbox" showon="params.thumbnail[AND]params.poster!=''" type="switch" label="JDB_VIDEO_LIGHTBOX" default="false" group="videoOptions"></field>
<field name="lightboxContentWidth" type="slider" label="JDB_VIDEO_LIGHTBOX_CONTENT_WIDTH" changeOnSlide="false" default="80" unit="%" min="10" max="100" step="1" group="videoOptions" showon="params.thumbnail[AND]params.poster!=''[AND]params.lightbox">
</field>
<!-- YouTube Options -->
<field name="videoStartTime" type="time" default="" label="JDB_VIDEO_START_TIME" group="youtubeOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<field name="videoEndTime" type="time" default="" label="JDB_VIDEO_END_TIME" group="youtubeOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<field type="list" name="ytThumbnailSize" label="JDB_VIDEO_YOUTUBE_THUMBNAIL" default="maxresdefault" group="youtubeOptions" showon="(params.videoType=='youtube'[AND]params.videoYoutubeLink!='')[AND](!params.thumbnail[OR]params.poster=='')">
<option value="default">JDB_VIDEO_YT_THUMBNAIL_DEFAULT</option>
<option value="mqdefault">JDB_VIDEO_YT_THUMBNAIL_MQDEFAULT</option>
<option value="hqdefault">JDB_VIDEO_YT_THUMBNAIL_HQDEFAULT</option>
<option value="sddefault">JDB_VIDEO_YT_THUMBNAIL_SDDEFAULT</option>
<option value="maxresdefault">JDB_VIDEO_YT_THUMBNAIL_MAXRESDEFAULT</option>
</field>
<field name="ytModestBranding" type="switch" label="JDB_VIDEO_MODEST_BRANDING" default="false" group="youtubeOptions" showon="params.controls[AND]params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<field name="ytPrivacyMode" type="switch" label="JDB_VIDEO_PRIVACY_MODE" default="false" group="youtubeOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<field name="ytSuggestedVideos" type="switch" label="JDB_VIDEO_SUGGESTED_VIDEOS" default="false" group="youtubeOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<!-- Subscribe Bar -->
<field name="ytSubscribeBar" type="switch" label="JDB_VIDEO_SUBSCRIBE_BAR" default="true" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''"></field>
<field type="radio" name="ytSubscribeChennelType" label="JDB_VIDEO_YOUTUBE_CHANNEL" default="channelid" radiotype="buttons" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar">
<option value="channel">JDB_VIDEO_CHANNEL_NAME</option>
<option value="channelid">JDB_VIDEO_CHANNEL_ID</option>
</field>
<field name="ytSubscribeChennel" type="text" label="JDB_VIDEO_CHANNEL_NAME_ID" default="UCdHXnmpO_QDKpJsk_S8NUxw" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar"></field>
<field name="ytSubscribeLayout" type="radio" radiotype="buttons" label="JDB_VIDEO_LAYOUT" default="default" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''">
<option value="default">JDB_VIDEO_DEFAULT_BUTTON</option>
<option value="full">JDB_VIDEO_FULL</option>
</field>
<field name="ytSubscribeCount" type="switch" label="JDB_VIDEO_SUBSCRIBER_COUNT" default="true" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeChennel!=''[AND]params.ytSubscribeBar"></field>
<field name="ytSubscribeText" type="text" label="JDB_VIDEO_SUBSCRIBE_TEXT" default="JDB_VIDEO_SUBSCRIBE_CHANNEL" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''"></field>
<field name="ytSubscribeColor" type="color" label="JDB_VIDEO_BAR_TEXT_COLOR" default="" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''"></field>
<field name="ytSubscribeBackground" type="color" label="JDB_VIDEO_BAR_BACKGROUND_COLOR" default="" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''"></field>
<field type="typography" name="ytSubscribeTypography" label="JDB_VIDEO_BAR_TYPOGRAPHY" default='{"family":"", "size":"", "sizeUnit":"px", "alignment":"", "weight":"", "transform":"", "style":"", "decoration":"", "lineHeight":"", "lineHeightUnit": "px", "letterSpacing":"", "letterSpacingUnit": "px"}' responsive="true" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''">
</field>
<field name="ytSubscribePadding" type="spacing" label="JDB_VIDEO_BAR_PADDING" default='{"unit":"px","lock":1,"top":"","left":"","right":"","bottom":""}' group="youtubeSubscriberOptions" responsive="true" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''">
</field>
<field type="slider" name="ytSubscribeSpacing" label="JDB_VIDEO_SPACING" min="0" max="200" unit="px" default="" responsive="true" group="youtubeSubscriberOptions" showon="params.videoType=='youtube'[AND]params.videoYoutubeLink!=''[AND]params.ytSubscribeBar[AND]params.ytSubscribeChennel!=''">
</field>
<!-- Vimeo Options -->
<field name="vimeoByline" type="switch" label="JDB_VIDEO_INTRO_BYLINE" default="false" group="vimeoOptions" showon="params.videoType=='vimeo'[AND]params.videoVimeoLink!=''"></field>
<field name="vimeoPortrait" type="switch" label="JDB_VIDEO_INTRO_PORTRAIT" default="false" group="vimeoOptions" showon="params.videoType=='vimeo'[AND]params.videoVimeoLink!=''"></field>
<field name="vimeoTitle" type="switch" label="JDB_VIDEO_INTRO_TITLE" default="false" group="vimeoOptions" showon="params.videoType=='vimeo'[AND]params.videoVimeoLink!=''"></field>
<field name="vimeoControlColor" alpha="false" rgba="false" type="color" label="JDB_VIDEO_CONTROL_COLOR" default="" group="vimeoOptions" showon="params.videoType=='vimeo'[AND]params.videoVimeoLink!=''"></field>
<!-- Dailymotion Options -->
<field name="dailymotionLogo" type="switch" label="JDB_VIDEO_DAILYMOTION_LOGO" default="true" group="dailymotionOptions" showon="params.videoType=='dailymotion'[AND]params.videoDailymotionLink!=''"></field>
<field name="dailymotionVideoInfo" type="switch" label="JDB_VIDEO_INFO" default="true" group="dailymotionOptions" showon="params.videoType=='dailymotion'[AND]params.videoDailymotionLink!=''"></field>
<!-- Play Button Options -->
<field type="radio" name="playButtonType" label="JDB_TYPE" default="icon" radiotype="buttons" group="playButtonOptions">
<option value="none">JDB_NONE</option>
<option value="">JDB_DEFAULT</option>
<option value="icon">JDB_ICON</option>
<option value="image">JDB_IMAGE</option>
</field>
<field name="playButtonIcon" type="icon" label="JDB_VIDEO_SELECT_ICON" default="fab fa-youtube" group="playButtonOptions" showon="params.playButtonType=='icon'">
</field>
<field name="playButtonImage" type="image" label="JDB_VIDEO_SELECT_IMAGE" default="" group="playButtonOptions" showon="params.playButtonType=='image'">
</field>
<field type="slider" name="playButtonSize" label="JDB_SIZE" min="0" max="300" unit="" default="" responsive="true" group="playButtonOptions" showon="params.playButtonType!='none'">
</field>
<field type="color" name="playButtonColor" label="JDB_COLOR" default="#FF0000" group="playButtonOptions" width="6" showon="params.playButtonType!='image'[AND]params.playButtonType!='none'"></field>
<field type="color" name="playButtonHoverColor" label="JDB_HOVER_COLOR" default="" group="playButtonOptions" width="6" showon="params.playButtonType!='image'[AND]params.playButtonType!='none'"></field>
<field type="color" name="playButtonBackground" label="JDB_BACKGROUND" default="" width="6" showon="params.playButtonType!='image'[AND]params.playButtonType!='none'" group="playButtonOptions"></field>
<field type="color" name="playButtonHoverBackground" label="JDB_HOVER_BACKGROUND" width="6" default="" showon="params.playButtonType!='image'[AND]params.playButtonType!='none'" group="playButtonOptions"></field>
<field type="fieldsgroup" name="playButtonBorder" filename="border" group="playButtonOptions" showon="params.playButtonType!='none'">
</field>
<field type="spacer" label="JDB_BORDER_OPTIONS_HOVER_DIVIDER" group="playButtonOptions" showon="params.playButtonType!='none'"></field>
<field type="fieldsgroup" name="playButtonHoverBorder" filename="border" showon="params.playButtonType!='none'" group="playButtonOptions">
</field>
<field type="list" name="playButtonAnimation" label="JDB_HOVER_ANIMATION_LABEL" default="float" group="playButtonOptions" showon="params.playButtonType!='none'">
<option value="">JDB_NONE</option>
<option value="grow">JDB_ANIMATION_GROW</option>
<option value="float">JDB_ANIMATION_FLOAT</option>
<option value="sink">JDB_ANIMATION_SINK</option>
<option value="pulse">JDB_ANIMATION_PULSE</option>
<option value="buzz">JDB_ANIMATION_BUZZ</option>
<option value="pop">JDB_ANIMATION_POP</option>
<option value="wobble-vertical">JDB_ANIMATION_WOBBLE_VERTICAL</option>
</field>
<!-- Sticky Options -->
<field name="sticky" type="switch" label="JDB_VIDEO_STICKY" default="false" group="stickyOptions"></field>
<field type="slider" name="stickyWidth" label="JDB_VIDEO_STICKY_WIDTH" default='{"value":null,"unit":"px"}' max="1000" min="100" units="px,%,vw" showon="params.sticky" group="stickyOptions" responsive="true">
</field>
<field type="list" name="stickyPosition" label="JDB_VIDEO_STICKY_POSITION" default="bottom-right" showon="params.sticky" group="stickyOptions">
<option value="top-left">JDB_TOP_LEFT</option>
<option value="top-right">JDB_TOP_RIGHT</option>
<option value="bottom-left">JDB_BOTTOM_LEFT</option>
<option value="bottom-right">JDB_BOTTOM_RIGHT</option>
</field>
<field name="stickySpacing" type="spacing" label="JDB_VIDEO_SPACING_FROM_EDGES" default='{"unit":"px","lock":1,"top":"","left":"","right":"","bottom":""}' group="stickyOptions" showon="params.sticky" responsive="true">
</field>
<field name="stickyPadding" type="spacing" label="JDB_BACKGROUND_SIZE_LABEL" default='{"unit":"px","lock":1,"top":"","left":"","right":"","bottom":""}' group="stickyOptions" showon="params.sticky" responsive="true" units="px,%,em">
</field>
<field type="color" showon="params.sticky" name="stickyBackground" label="JDB_BACKGROUND_COLOR" default="" group="stickyOptions"></field>
<field type="color" showon="params.sticky" name="stickyCloseColor" label="JDB_VIDEO_STICKY_CLOSE_COLOR" default="" group="stickyOptions"></field>
<field name="stickyHideOn" type="list" label="JDB_VIDEO_HIDE_STICKY_VIDEO" default='[]' group="stickyOptions" multiple="true" showon="params.sticky">
<option value="desktop">JDB_DESKTOP</option>
<option value="tablet">JDB_TABLET</option>
<option value="mobile">JDB_MOBILE</option>
</field>
</fieldset>
</fields>
</form>
</element>