HTML onerror ne fonctionne pas ionique/angulaire 2

Question

Je suit dans une page ionique:

<ion-content> 
    <video controls width="100%" (onerror)="playbackFailed()> 
     <source src="https://emaple.com/wrong-video-url.mp4" type="video/mp4"> 
    </video> 
</ion-content> 

Et, dans le composant page dactylographiée:

playbackFailed() { 
    console.log('playback failed entered..'); 
} 

fonction playbackFailed est jamais tiré. J'ai essayé cela avec l'événement onload ainsi et c'est la même chose. Cependant, cela fonctionne avec l'événement click. Je suis en train de tester cela avec ionic server sur Chrome.

Ai-je oublié quelque chose ici? Ai-je besoin de faire quelque chose de spécial avec Ionic/Angular pour le faire fonctionner?

Answer 1

Vous pouvez utiliser Ionic Video Player Plugin pour lire des vidéos dans Ionic App. Pour référence/et comment l'utiliser: https://ionicframework.com/docs/native/video-player/

Answer 2

Assurez-vous que vous avez fermé votre div vidéo avec contenu ionique

Exemple:

<ion-content overflow-scroll="true"> 
    <video controls="controls" onerror="playbackFailed()" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"> 
    <source src="https://example.com/wrong-video-url.mp4" type="video/mp4"> 
    </video> 
</ion-content> 

Answer 3

Dans angulaire callbacks doit être définie comme :

on-error = "playbackFailed()" ou (erreur) = "playbackFailed()"