MediaPlugin can't stop when push again

Ionic Framework ionic-v3
1

My app is tabs.
when i push to RadioDetailPage and i play MediaPlugin and then stop is OK!.
but when i play and pop RadioDetailPage back to RadioPage and push to RadioDetailPage again i can’t stop it.

pages/radio.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { RadioDetailPage } from '../radio-detail/radio-detail';

@Component({
  templateUrl: 'build/pages/radio/radio.html'
})

export class RadioPage {

	constructor(private navCtrl: NavController) {
		this.navCtrl = navCtrl;
	}
  
	goToPlay(){
		this.navCtrl.push(RadioDetailPage);
	}
}

pages/radio-detail.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { MediaPlugin } from 'ionic-native';

@Component({
  templateUrl: 'build/pages/radio-detail/radio-detail.html'
})

export class RadioDetailPage {
	radio: MediaPlugin;
	playing: boolean;

	constructor(private navCtrl: NavController, private navParams: NavParams) {
		this.playing = false;
		this.initailRadio();
	}

	initailRadio(){
		this.radio = new MediaPlugin("http://server1.thairadioservice.com:8232/");
    }

    radioPlay(){
        this.playing = true;
        this.radio.play();
    }

    radioStop(){
    	this.playing = false;
		this.radio.stop();
		this.radio.release();
    }
}

pages/radio-detail.html

<ion-header>
  <ion-navbar dark>
    <ion-title style="color:white;">{{name}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content no-padding class="radio-detail">
    <ion-icon name="play" style="font-size:40px;" *ngIf="!playing" (click)="radioPlay()"></ion-icon>
    <ion-icon name="pause" style="font-size:40px;" *ngIf="playing" (click)="radioStop()"></ion-icon>
</ion-content>
2

Have you resolved it?