# Play video in video tag

**URL:** <https://forum.ionicframework.com/t/play-video-in-video-tag/169728>\
**Category:** Ionic Native\
**Created:** [July 26, 2019, 1:22pm UTC](https://forum.ionicframework.com/t/play-video-in-video-tag/169728 "2019-07-26T13:22:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![TaimoorMughal](https://avatars.discourse-cdn.com/v4/letter/t/76d3ee/32.png) [@TaimoorMughal](https://forum.ionicframework.com/u/TaimoorMughal)\
**Post date:** [July 26, 2019, 1:22pm UTC](https://forum.ionicframework.com/t/play-video-in-video-tag/169728/1 "2019-07-26T13:22:38Z")

</div>

Hi,

I am facing an issue that, i want to get video form gallery and play it in video tag,

```auto
<ion-content>
  <ion-button (click)="addVideo()">Play Video</ion-button>
<video controls autoplay #myvideo>
  </video>
 </ion-content>

```

I am getting video from camera plugin and error is that it isn’t working in video tag

```auto
  @ViewChild('myvideo') myVideo: any;

async addVideo(){

    const options: CameraOptions = {
      quality: 100,
      sourceType : this.camera.PictureSourceType.PHOTOLIBRARY,
      destinationType: this.camera.DestinationType.FILE_URI,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.VIDEO
    }

    this.camera.getPicture(options).then((imageData) => {

      let url = imageData;
      
      let video = this.myVideo.nativeElement;
      video.src = url;
      video.play();
    }, (err) => {
      alert(err)
      console.error(err);
    });

  }

```

Here is my complete code,

Thanks

---

<div class="post-metadata">

**Author:** ![TaimoorMughal](https://avatars.discourse-cdn.com/v4/letter/t/76d3ee/32.png) [@TaimoorMughal](https://forum.ionicframework.com/u/TaimoorMughal)\
**Post date:** [July 26, 2019, 2:50pm UTC](https://forum.ionicframework.com/t/play-video-in-video-tag/169728/2 "2019-07-26T14:50:03Z")

</div>

Found solution  
visit [Ionic Webview](https://ionicframework.com/docs/native/ionic-webview) for details, and sample code is `this.camera.getPicture(options).then((imageData) =\> {

```
  let url = this.webview.convertFileSrc(imageData);
  let video = this.myVideo.nativeElement;
  video.src = url;
  video.play();`
```

---

<div class="post-metadata">

**Author:** ![jcesarmobile](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jcesarmobile/32/127095_2.png) [@jcesarmobile](https://forum.ionicframework.com/u/jcesarmobile)\
**Post date:** [July 26, 2019, 2:50pm UTC](https://forum.ionicframework.com/t/play-video-in-video-tag/169728/3 "2019-07-26T14:50:43Z")

</div>

If you are using cordova-plugin-ionic-webview, you can’t set the video src to a file url, you have to convert it to a proper url with convertFileSrc function [https://ionicframework.com/docs/native/ionic-webview](https://ionicframework.com/docs/native/ionic-webview)