Общее видео mp4 показывает «скачать файл» вместо того, чтобы играть на нем по временной шкале

Question

У меня есть веб-страница, на которой показано видео, и люди могут поделиться им с facebook.

здесь открытый график мета-теги им с помощью:

<meta property="fb:app_id" content="app_id" /> 
<meta property="og:url" content="https://www.domain.com/show/245" /> 
<meta property="og:type" content="website" /> 
<meta property="og:title" content="Website tile" /> 
<meta property="og:description" content="Website description" /> 
<meta property="og:video" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:video:url" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:video:secure_url" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:image" content="https://www.domain.com/uploads/thumbnail.png" /> 
<meta property="og:video:type" content="video/mp4" /> 
<meta property="og:video:width" content="1280" /> 
<meta property="og:video:height" content="720" /> 

* не фактическое доменное имя и идентификатор приложения, для целей конфиденциальности

Когда я просматриваю страницы с помощью совместного использования отладчика, она работает нормально, никакой ошибки вообще.

Общее видео также выглядит нормально, как и обычное видео. Но когда я пытаюсь воспроизвести его, вместо него отображается ссылка «скачать файл» на видеофайл. Любая идея, почему это происходит? я пытался использовать другое видео, используя сторонние инструменты, такие как addThis, для создания кнопки совместного доступа, но результат тот же.

Answer 1

Только что понял!

Перед тем, как установить источник видео, вам нужно позвонить «og: video: type».

Я знаю, что это странно, но это не позволяет api установить источник видео для «вспышки».

Так что ваш мета-тег должен выглядеть следующим образом:

<meta property="og:url" content="someurl" /> 
<meta property="og:type" content="video.other" /> 
<meta property="og:title" content="yourtitle" /> 
<meta property="og:image" content="https://url.com/img.png"> 
<meta property="og:video:type" content="video/mp4"/> 
<meta property="og:video" content="https://url.com/video.mp4" /> 
<meta property="og:video:url" content="https://url.com/video.mp4" /> 
<meta property="og:video:secure_url" content="https://url.com/video.mp4" /> 
<meta property="og:video:width" content="videoWidth"/> 
<meta property="og:video:height" content="videoHeight"/> 
<meta property="fb:app_id" content="id" />