Воспроизвести видео из предварительного просмотра OpenGraph - введите «text / html» - PullRequest
Новая
       44

Воспроизвести видео из предварительного просмотра OpenGraph - введите «text / html»

0 голосов
/ 22 января 2019

Я получаю URL из видео в Твиттере и не могу вставить видео и воспроизвести его.

Я занимаюсь разработкой веб-сайта, который показывает элементы социальных сетей. В Твиттере я обрабатываю твиты, полученные из API, и, если я нахожу ссылку, я проверяю ее с помощью OpenGraph. В некоторых случаях я получаю ссылку с другого твита, и в этом твите есть видео. Я могу получить URL этого видео, но HTML5 Tag не будет воспроизводить его.

Я получаю этот URL из Twitter: 

https://twitter.com/VidaModernaOML/status/1087651084305281025

С этим я получаю этот JSON от OpenGraph: 

{
  "type": "video",
  "url": "https://twitter.com/VidaModernaOML/status/1087651084305281025",
  "title": "La Vida Moderna on Twitter",
  "image": {
  "url": "https://pbs.twimg.com/amplify_video_thumb/1087392680051728389/img/TdmPvoKgiNd_wPWr.jpg"
},
  "description": "“SHOW ME THE BILLETS\n\n @_rafamata_ → ”",
  "site_name": "Twitter",
  "video": {
    "url": "https://twitter.com/i/videos/1087651084305281025?embed_source=facebook",
    "secure_url": "https://twitter.com/i/videos/1087651084305281025?embed_source=facebook",
    "type": "text/html",
    "width": "1200",
    "height": "675"
  }
}

С URL-адресом video.url Я пытаюсь использовать этот код: 

<video width="100%" height="100%" style="background-color:#000000" autoplay muted loop>
    <source src="https://twitter.com/i/videos/1087651084305281025?embed_source=facebook" type="video/mp4">
</video>

Но видео не загружается. Я попытался изменить атрибут "type", используя полученный ("text / html") и все принятые типы, но тот же результат.

1 Ответ

0 голосов
/ 22 января 2019

Если вы посмотрите на исходный код этого видео, вы увидите, что это вовсе не видео.Вместо этого это HTML-страница, которая загружает некоторый JavaScript для отображения видео.

Вы можете поместить его в iframe - например: 

<iframe src="https://twitter.com/i/videos/1087651084305281025"></iframe>

, который будет вставлять видео длявоспроизведение на вашем сайте.

...