2017-10-16 85 views
0

我已經在離子頁面如下:HTML的onerror不離子工作/角2

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

而且,在打字稿頁面組件:

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

playbackFailed功能永遠不會被解僱。我也試過用onload這個事件,它也是一樣的。但是,它可以與click事件一起使用。我正在Chrome上使用ionic server進行測試。

我在這裏錯過了什麼嗎?我需要做什麼特殊的Ionic/Angular才能使它工作?

回答

0

您可以使用Ionic Video Player Plugin在Ionic App內播放視頻。 僅供參考/以及如何使用它: https://ionicframework.com/docs/native/video-player/

+0

感謝您的回覆。但爲什麼我應該同時使用html視頻?順便說一句,這個Cordova插件只支持Android版本。 – TuaimiAA

+0

我接受的支持僅適用於Android。那麼如果你想跨平臺,你可以去視頻標籤。注意我的第二個答案。 –

0

請務必附上您的視頻DIV用離子含量

例子:

<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> 
+0

是的,已包含在''中。我的問題中的代碼只是一個片段。我應該改變這個問題來反映這一點。 – TuaimiAA

0

在角回調應該被定義爲:

上誤差= 「playbackFailed()」 或(錯誤)= 「playbackFailed()」

+0

你嘗試過嗎?它對你有用嗎?我嘗試過,但仍然不工作! – TuaimiAA