Как предотвратить встроенное видео выйти из полноэкранного режима из-за компонента перезарядки? ⇐ Javascript

[Anonymous]

Я работаю над угловым приложением, где я отображаю встроенные видео с использованием. Видео являются частью списка тем, и каждое видео отображается при расширении темы (используя *ngif). Вот проблема: < /p>
Проблема: когда я нажимаю кнопку «Полноэкрадный» на видеоплеере (например, YouTube), видео немедленно выходит из полноэкранного экрана или никогда не входит. Это похоже на то, что угловой компонент перезагружает или разрушает и повторно использует элемент DOM, заставляя полноэкранного закрытия. < /P>

0">





Topic {{ i + 1 }} : {{ topic.tname }}




stroke-linejoin="round" />









Paid – Click Here to Enquire





{{
topic.isPaid === 1
? 'Free'
: 'Paid and Available'
}}

• 
  width="40%" height="300" frameborder="0"
  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen>
  
  
  
  

Rate this Topic





{{ getEmoji(selectedRatings[topic.topicId]) }}





{{ showIcon(starIndex, topic.topicId) === 'star' ? '★' : '☆' }}






No topics available for this course.




>
< /code>
constructor(
private axiosService: AxiosService,
private toastr: ToastrService,
private sanitizer: DomSanitizer
) { }

ngOnInit(): void {
this.axiosService.userId$.subscribe((id) => {
this.userId = id ? Number(id) : null;
// this.fetchLastChoice();
});

this.getLastViewChoice();

// for (let index = 0; index < this.starCount; index++) {
// this.ratingArr.push(index);
// }
}

sanitizeUrl(url: string): SafeResourceUrl {
const trustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);
console.log('Sanitized URL:', trustedUrl);
return trustedUrl;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... -reloading