fix MediaSequence layout

src/MediaFX/qml/MediaSequence.qml

@@ -18,11 +18,13 @@ import QtMultimedia
 import MediaFX
 import "sequence.js" as Sequence
 
-VideoOutput {
+Item {
     id: root
 
     default required property list<MediaClip> mediaClips
     required property list<MediaMixer> mediaMixers
+    property alias fillMode: video.fillMode
+    property alias orientation: video.orientation
 
     signal mediaSequenceEnded
 
@@ -41,7 +43,7 @@ VideoOutput {
 
                 PropertyChanges {
                     Media.clip: root.mediaClips[internal.currentClipIndex]
-                    target: root
+                    target: video
                 }
                 PropertyChanges {
                     target: root.mediaMixers[internal.currentMixerIndex]
@@ -55,35 +57,40 @@ VideoOutput {
                     Media.clip: root.mediaClips[internal.currentClipIndex]
                     layer.enabled: true
                     visible: false
-                    target: root
+                    target: video
                 }
                 PropertyChanges {
                     Media.clip: (internal.currentClipIndex + 1 >= root.mediaClips.length) ? null : root.mediaClips[internal.currentClipIndex + 1]
                     layer.enabled: true
                     target: auxVideo
                 }
                 ParentChange {
-                    parent: root.parent
+                    parent: root
                     target: root.mediaMixers[internal.currentMixerIndex]
                 }
                 PropertyChanges {
                     anchors.fill: root
+                    source: video
                     dest: auxVideo
-                    source: root
-                    target: root.mediaMixers[internal.currentMixerIndex]
                     visible: true
+                    target: root.mediaMixers[internal.currentMixerIndex]
                 }
             }
         ]
 
         Component.onCompleted: Sequence.initializeClip()
 
+        VideoOutput {
+            id: video
+
+            anchors.fill: internal
+        }
         VideoOutput {
             id: auxVideo
 
-            fillMode: root.fillMode
-            anchors.fill: root
-            parent: root.parent
+            fillMode: video.fillMode
+            orientation: video.orientation
+            anchors.fill: internal
             visible: false
         }
     }