Отображение gifv с ответом

Question

Я пытался просмотреть gifv формата imgur некоторое время, но я просто не могу заставить его работать.

Испытание с помощью тегов img, видео тегов, iframe. Пока что работает только iframe, но я не могу изменить размер iframe из-за ограничений браузера.

<img src="http://i.imgur.com/rCkPdZm.gifv" /> - nope 
<video src="http://i.imgur.com/rCkPdZm.gifv"/> - nope 

Любые советы о том, как отобразить, например http://i.imgur.com/rCkPdZm.gifv

Спасибо!

Answer 1

A gifv не является форматом изображения, это созданное «расширение», чтобы сделать целевую страницу так, будто вы открыли ссылку на изображение напрямую, в то же время имея возможность транслировать видео, а не намного больше gif-файла. Используйте опцию «view source» и узнайте об этом! :)

Вы можете щелкнуть правой кнопкой мыши на gifv «образ» и браузер должен дать вам возможность «скопировать URL видео», который затем можно использовать в <video> элемент:

<video src="http://i.imgur.com/rCkPdZm.mp4" />

https://jsfiddle.net/xc4cqoh5/

в этом контексте не имеет значения, если это Реагировать или просто веб-сайт HTML, решение одно и то же: вам нужно, чтобы захватить URL фактического воспроизводимого видео, а не gifv страницу, которая встраивает его. Кажется, вы можете просто заменить расширение .gifv на .mp4. Для того, чтобы этот ответ, имеющую отношение к reactjs теге здесь пример:

const Player = props => { 
    let videourl = props.videourl.replace('.gifv', '.mp4'); 
    return <video src={ videourl } />; 
}; 

ReactDOM.render(<Player videourl="http://i.imgur.com/rCkPdZm.gifv" />, 
document.getElementById('container')); 

http://jsfiddle.net/69z2wepo/47077/