[Feature]: Video NFT previews

[CedarMist]

Is there an existing issue for this?

• I have searched the existing issues

SUMMARY

Viewing NFT images on Oasis Explorer is amazing, but it only supports images. Videos (e.g. mp4 files) are becoming used more frequently but no preview is shown

DESCRIPTION

If we look at this example NFT:

• https://explorer.oasis.io/mainnet/sapphire/token/oasis1qqn6h6mavvcc38z82q330drf3jjlx2zmlyzukqj9/instance/0

It shows 'No preview available'.

This is because the frontend will only show previews for images, this is implemented at:

explorer/src/app/pages/NFTInstanceDashboardPage/InstanceImageCard.tsx

Line 104 in 08e3a08

{isFetched && !nft?.image && <NoPreview placeholderSize={imageSize} />}

[buberdds]

Related to: NFT: consider showing previews of other assets
videos, audio or icons of popular file formats (e.g. PDF, DOC, ...)
Example video NFT: https://explorer.oasis.io/mainnet/sapphire/token/oasis1qqn6h6mavvcc38z82q330drf3jjlx2zmlyzukqj9/instance/0

[bilal-webdev]

Hey @CedarMist @buberdds ,
Please have a look over the pull request. I am attaching the screenshots of the updated outcome of this changes for Video NFTs preview.