反応して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

gifvは画像フォーマットではありませんが、より大きなgifファイルの代わりに動画をストリーミングできるように、画像リンクを直接開いたようにランディングページを表示するメイクアップ「拡張機能」です。 "ソースを表示"オプションを使用して、見つけてください！

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

：あなたはgifv「画像」上で右クリックすると、ブラウザはあなたが、その後 <video>要素で使用できる「動画のURLをコピー」のオプションを与える必要があります:)

これに関連して

https://jsfiddle.net/xc4cqoh5/

それが反応だか、単なるHTMLのウェブサイトならば、それは問題ではありませんが、解決策は同じです：あなたはそれを埋め込むgifvページには、再生中の実際のビデオのURLをつかむために必要はありません。 .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/