video merge

src/app/shared/publication/new-publication/new-publication.page.html

@@ -56,33 +56,35 @@
               <ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'"
                 name="image" ngDefaultControl [src]="seleted.FileBase64" style="height: 69px;"></ion-img>
 
-                <div *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video' && seleted.chucksManager" style="background: #ededed;">
 
+
+                <!-- <div class="progress-container"   *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video'">
+                  <div class="progress-bar" id="myProgressBar"></div>
+                </div> -->
+
+                <!-- <div *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video'">
                   <mat-progress-bar
-
-                    mode="determinate"
-                    [style.width]="seleted.chucksManager.uploadPercentage"
-                  ></mat-progress-bar>
-
-                </div>
+                  *ngIf="seleted.chucksManager"
+                  mode="determinate"
+                  style="width: 50%"
+                ></mat-progress-bar>
+                </div> -->
 
               <video *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video' && checkDesktop() == true" width="70" height="70"
                 preload="metadata" webkit-playsinline="webkit-playsinline">
-                <source type="video/mp4" [src]="seleted.url">
+                <source type="video/mp4" [src]="seleted.FileBase64">
               </video>
 
-              <ion-icon *ngIf="seleted?.chucksManager?.manualRetry" src="assets/images/retry-svgrepo-com.svg" class="icon-download font-12"> </ion-icon>
+              <video *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video' && checkTableDivice() == true" width="70" height="70"
+                preload="metadata" webkit-playsinline="webkit-playsinline">
+                <source type="video/mp4" [src]="seleted.FileBase64">
+              </video>
+
+
 
             </div>
 
           </div>
-          <!-- Display the blurred image and count if there are more images -->
-          <div *ngIf="seletedContent.length > displayLimit" lot="start">
-            <ion-img [src]="'data:image/jpg;base64,' + seletedContent[displayLimit - 1].Base64"
-              style="filter: blur(5px);"></ion-img>
-
-              <p>mais {{ seletedContent.length - displayLimit }}</p>
-          </div>
 
           <ion-label class="pl-10">
             <p>{{capturedImageTitle}}</p>
@@ -144,6 +146,10 @@
         </div>
       </ion-label>
     </div>
+
+
+
+    <video id="yourVideoElementId" >videoss</video>
   </div>
 
 </ion-content>