Je reçois l'erreur suivante:
Angular 2 - EXCEPTION: Error: valeur non sécurisée utilisée dans un contexte d'URL de ressource
Cela pourrait-il être lié au fait de ne pas avoir l'élément multimédia immédiatement au démarrage? Ou est-ce lié au fait que l'URL n'est pas sécurisée? J'essaye de le désinfecter.
export class HomeComponent {
sanitizer: DomSanitizationService;
errorMessage: string;
activeMedia: MediaItem = new MediaItem(0, '', '', '', '', '', '');
constructor(
private mediaStorage: MediaStorageService,
private harvesterService: HarvesterService,
sanitizer: DomSanitizationService) {
this.sanitizer = sanitizer;
// Initial call -
harvesterService.getMediaItems(10, 'type', 'category');
let subscription = harvesterService.initialMediaHarvestedEvent.subscribe(() => {
this.activeMedia = mediaStorage.mediaList[0];
let newURL = this.activeMedia.URL + '?rel=0&autoplay=1';
newURL = newURL.replace('watch?v=', 'v/');
this.activeMedia.URL = newURL; //sanitizer.bypassSecurityTrustUrl(newURL);
console.log(newURL);
});
}
cleanURL(oldURL: string): SafeResourceUrl {
return this.sanitizer.bypassSecurityTrustUrl(oldURL);
}
}
Le code du modèle est:
<div class="row" >
<iframe
id="video"
class="video"
src="{{ cleanURL(activeMedia.URL) }}"
frameborder="0"
allowfullscreen>
</iframe>
</div>
MISE À JOUR: Après avoir changé le
src="{{cleanURL(activeMedia.URL)}}"
à:
[src]="cleanURL(activeMedia.URL)"
Je reçois: EXCEPTION ORIGINALE: Erreur: Requiert un ResourceURL sécurisé, ainsi qu'une URL.
qui est résolu en modifiant le code dans la méthode cleanURL en:
return this.sanitizer.bypassSecurityTrustResourceUrl(oldURL);
Au lieu de:
return this.sanitizer.bypassSecurityTrustUrl(oldURL);
Essayez avec ceci:
cleanURL(oldURL: string): string {
return this._sanitationService.sanitize(SecurityContext.URL, oldURL);
}