#ios #ionic-framework #video #iframe #youtube
#iOS #ionic-framework #Видео #iframe #YouTube
Вопрос:
Я надеюсь, что вы могли бы мне помочь.
Я создал приложение с ionic-v4, которое использует iframe для показа некоторых видео с YouTube.
Каждое видео работает для Android, в то время как в ios все видео, кроме 3, воспроизводятся правильно.
Iframe корректно загружает предварительный просмотр видео, но когда я нажимаю на воспроизведение, появляется сообщение «видео недоступно». Всего три видео на 25.
Мы попытались удалить эти 3 видео с YouTube и повторно отправить их на tube, вчера вечером это сработало, теперь они снова не работают.
Что может произойти? Что-то о разрешениях или подобном?
Это видео, которые не воспроизводятся в ios
https://www.youtube.com/watch?v=5SRvoELJDw8
https://www.youtube.com/watch?v=Fj2KWJevFSI
https://www.youtube.com/watch?v=xxuv_zp5Fhs
и это пример видео, которое правильно воспроизводится в ios
https://www.youtube.com/watch?v=ieL7Bzcu9Ow
И это код, который я использую:
HTML:
(item.linkYoutube — это идентификатор видео на YouTube, например, 5SRvoELJDw8 для первого видео, которое я опубликовал)
<iframe width="100%" height="250" [src]="getLinkYouTubeEmbedded(item.linkYoutube) | safe" frameborder="0" allowfullscreen>
</iframe>
ts:
getLinkYouTubeEmbedded(x: string): string { return 'https://www.youtube.com/embed/' x; }
безопасный канал:
import { Pipe, PipeTransform } from ‘@angular/core’;
import { DomSanitizer } from ‘@angular/platform-browser’;
@Pipe({
name: ‘safe’
})
export class SafePipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) { }
transform(url) {
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
}
Заранее благодарю вас.
Комментарии:
1. Есть ли способ проверить детали дальше
video unavailable
? — Я вижу, что недоступные видео пришли с того же канала. Вы являетесь администратором канала? если это так, проверьте настройки канала.2. Да, все они находятся на одном канале. Я не знаю, как проверить детали, кроме недоступного видео, я проверяю настройки канала, но не вижу ничего странного, все видео имеют одинаковые настройки.
3. Возможно, это сам код. Можете ли вы добавить журнал и снова протестировать? — может быть, в URL-адрес, который вы получили от
getLinkYouTubeEmbedded
функции, добавлено что-то еще и, следовательно, отображается недопустимое видео ( так сказать ) — исследуйте также проблему, аналогичную вашей, в Stack Overflow и в Google — я, честно говоря, не знаю точно, но, когда код работает на мобильном устройстве, а не на другом,проблема в том, что некоторые исходные данные из этой конкретной версии мобильного устройства. Надеюсь, это поможет.4. Работает ли это, если установить напрямую ?…
[src]="https://www.youtube.com/embed/5SRvoELJDw8"
5. Ну, я исправил. Проблема заключалась в том, что у трех видеороликов были проблемы с авторским правом на музыку, но оно было подписано как предупреждение в YouTube studio. Я заменил аудио в видео, и проблема исчезла. Итак, я считаю, что Android не придает этому значения, в то время как iOS в этом плане более серьезна. Спасибо всем!