block.json
152 lines
| 1 | { |
| 2 | "name": "kubio/video", |
| 3 | "category": "kubio-basic", |
| 4 | "attributes": { |
| 5 | "kubio": { |
| 6 | "type": "object" |
| 7 | }, |
| 8 | "displayAs": { |
| 9 | "type": "string", |
| 10 | "default": "video" |
| 11 | }, |
| 12 | "videoCategory": { |
| 13 | "type": "string", |
| 14 | "default": "internal" |
| 15 | }, |
| 16 | "internalUrl": { |
| 17 | "type": "string", |
| 18 | "default": "" |
| 19 | }, |
| 20 | "youtubeUrl": { |
| 21 | "type": "string", |
| 22 | "default": "https://www.youtube.com/watch?v=IshAk6Mwlj4&ab_channel=Kubio" |
| 23 | }, |
| 24 | "vimeoUrl": { |
| 25 | "type": "string", |
| 26 | "default": "https://vimeo.com/655007132" |
| 27 | }, |
| 28 | "aspectRatio": { |
| 29 | "type": "string", |
| 30 | "default": "16-9" |
| 31 | }, |
| 32 | "playerOptions": { |
| 33 | "type": "object", |
| 34 | "default": { |
| 35 | "startTime": "", |
| 36 | "endTime": "", |
| 37 | "autoplay": false, |
| 38 | "mute": false, |
| 39 | "loop": false, |
| 40 | "playerControls": true, |
| 41 | "modestBranding": false, |
| 42 | "suggestedVideo": false, |
| 43 | "privacyMode": false, |
| 44 | "controlsColor": "", |
| 45 | "introTitle": true, |
| 46 | "introPortrait": true, |
| 47 | "introByLine": true |
| 48 | } |
| 49 | }, |
| 50 | "posterImage": { |
| 51 | "type": "object", |
| 52 | "default": { |
| 53 | "id": "", |
| 54 | "url": "", |
| 55 | "dimension": "auto", |
| 56 | "lightbox": false, |
| 57 | "playAction": "icon", |
| 58 | "sizeSlug": "" |
| 59 | } |
| 60 | } |
| 61 | }, |
| 62 | "supports": { |
| 63 | "anchor": true, |
| 64 | "kubio": { |
| 65 | "appearanceEffect": true, |
| 66 | "assetsURLImporterMap": { |
| 67 | "internalUrl": { |
| 68 | "assetIdToAttr": "id", |
| 69 | "subpath": false |
| 70 | }, |
| 71 | "posterImage.url": { |
| 72 | "assetIdToAttr": "posterImage.id", |
| 73 | "subpath": false |
| 74 | } |
| 75 | }, |
| 76 | "default": { |
| 77 | "style": { |
| 78 | "descendants": { |
| 79 | "poster": { |
| 80 | "background": { |
| 81 | "type": "image", |
| 82 | "image": [ |
| 83 | { |
| 84 | "source": { |
| 85 | "type": "image", |
| 86 | "url": "" |
| 87 | } |
| 88 | } |
| 89 | ] |
| 90 | } |
| 91 | } |
| 92 | } |
| 93 | }, |
| 94 | "props": {} |
| 95 | }, |
| 96 | "elementsEnum": { |
| 97 | "OUTER": "outer", |
| 98 | "VIDEO": "video", |
| 99 | "POSTER": "poster", |
| 100 | "LIGHTBOX": "lightbox" |
| 101 | }, |
| 102 | "elementsByName": { |
| 103 | "outer": { |
| 104 | "wrapper": true, |
| 105 | "default": true |
| 106 | }, |
| 107 | "poster": {}, |
| 108 | "video": {}, |
| 109 | "lightbox": {} |
| 110 | }, |
| 111 | "template": { |
| 112 | "type": "element", |
| 113 | "props": { |
| 114 | "name": "outer" |
| 115 | }, |
| 116 | "children": [ |
| 117 | { |
| 118 | "type": "element", |
| 119 | "props": { |
| 120 | "name": "poster", |
| 121 | "shouldRender": "computed.displayAsPoster" |
| 122 | }, |
| 123 | "children": [ |
| 124 | { |
| 125 | "type": "wp:InnerBlocks" |
| 126 | } |
| 127 | ] |
| 128 | }, |
| 129 | { |
| 130 | "type": "element", |
| 131 | "props": { |
| 132 | "name": "lightbox", |
| 133 | "shouldRender": "computed.displayAsIconWithLightbox" |
| 134 | }, |
| 135 | "children": [ |
| 136 | { |
| 137 | "type": "wp:InnerBlocks" |
| 138 | } |
| 139 | ] |
| 140 | }, |
| 141 | { |
| 142 | "type": "element", |
| 143 | "props": { |
| 144 | "name": "video" |
| 145 | } |
| 146 | } |
| 147 | ] |
| 148 | } |
| 149 | } |
| 150 | } |
| 151 | } |
| 152 |