add loop setting feature for video media posts

src/components/Editor/CCPostEditor.tsx

@@ -849,6 +849,28 @@ export const CCPostEditor = memo<CCPostEditorProps>((props: CCPostEditorProps):
                         <MenuItem value="video/mov">MOV</MenuItem>
                     </Select>
                 </FormControl>
+                {['video/mp4', 'video/mov'].includes(medias[selectedMediaIndex]?.mediaType) && (
+                    <FormControl>
+                        <InputLabel>Loop</InputLabel>
+                        <Select
+                            label="Loop"
+                            value={medias[selectedMediaIndex]?.loop ? 'enabled' : 'disabled'}
+                            onChange={(e) => {
+                                setMedias((medias) => {
+                                    const newMedias = [...medias]
+                                    newMedias[selectedMediaIndex] = {
+                                        ...newMedias[selectedMediaIndex],
+                                        loop: e.target.value === 'enabled'
+                                    }
+                                    return newMedias
+                                })
+                            }}
+                        >
+                            <MenuItem value="enabled">Enabled</MenuItem>
+                            <MenuItem value="disabled">Disabled</MenuItem>
+                        </Select>
+                    </FormControl>
+                )}
                 <CCComboBox
                     label="フラグ設定(任意)"
                     options={{

src/components/ui/EmbeddedGarelly.tsx

@@ -82,6 +82,7 @@ export const MediaCard = ({ media, onExpand }: { media: WorldMedia; onExpand?: (
                             component="video"
                             muted
                             controls
+                            loop={media.loop}
                             src={media.mediaURL}
                             preload="metadata"
                             style={{

src/model.ts

@@ -155,4 +155,5 @@ export interface WorldMedia {
     thumbnailURL?: string
     blurhash?: string
     flag?: string
+    loop?: boolean
 }