顯示與反應的gifv

Question

我一直在試圖查看imgur格式gifv一段時間，但我只是不能似乎得到它的工作。

已經用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文件。使用「查看源代碼」選項並查找！ :)

您可以在gifv右鍵單擊「圖像」，瀏覽器應該給你一個選擇「複製視頻網址」，然後你就可以在<video>元素使用：

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

https://jsfiddle.net/xc4cqoh5/

在這種情況下，如果它的反應，或者只是簡單的HTML網站也沒關係，該解決方案是相同的：你需要獲取實際視頻的網址正在播放，而不是gifv頁面嵌入它。看來你可以用.mp4替換.gifv的擴展名。爲了使相關這裏的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/