Video NFT animation_url

Developer Discussion
#1

Hi, does metamask mobile app supports displaying video nft (mp4 file)?

1 Like
#3 
{
    "image": "<png-thumbnail-image-url>",
    "imagePreview": "<png-thumbnail-image-url>",
    "animation_url": "<mp4-video-url>",
    "name": "name",
    "description": "description",
    "assetHash": "<ipfs-cid>",
    "external_url": "<marketplace-url>",
    "attributes": []
}

This is the metadata json of the nft. I’ve tried minting on rinkeby, ropsten and polygon. but every time, I can only see the image (it is thumbnail of video) on the app. but is it possible to see the video playing in the app?

I can see the video nft in opensea, as well as play the video.

1 Like
#4

Hello @kt3ch1 and welcome to MetaMask community.

At the moment, NFTs aren’t animated in any way in MetaMask’s NFTs tab.

2 Likes
#5

Thank you @Chinzilla.
Can you say approximately when in near future Animated NFTs will be added?

2 Likes
#6

You are welcome.

I can’t say if or when it will be implemented, but i will share your feedback with the team. It’s a good question, appreciate your input.

1 Like
#7

there is a collection that my boss recieved an airdrop and it is animated and he can see the video on metamask wallet also works for a test we did but I minted a collection on mainnet and that one in particular have the samen issue @kt3ch1 describes

#8

Hey @kt3ch1 and @Deivid94.

Coming back to you and correcting myself with some info i got regarding the discussion in this topic.

For videos/animations the app checks for the OpenSea property animation and the resource uri must have the extension .mp4 , the app doesn’t support other formats. To achieve it the app uses react-native-video which supports a few formats(MP4, M4A, FMP4, WebM, MKV, MP3, Ogg, WAV, MPEG-TS, MPEG-PS, FLV and ADT).

Hope this sheds some light on how it works.

#9

Hi @Chinzilla.
As I had posted earlier, despite using following format, I am unable to see the video in the app.

{
    "image": "<png-thumbnail-image-url>",
    "imagePreview": "<png-thumbnail-image-url>",
    "animation_url": "<mp4-video-url>",
    "name": "name",
    "description": "description",
    "assetHash": "<ipfs-cid>",
    "external_url": "<marketplace-url>",
    "attributes": []
}

Should I try by not providing image and imagePreview for when video (with .mp4 extension) is specified in animation_url?

#11

for clarification, I used “mp4-video-url” to denote that the url ends with “.mp4”

#12

You could definetly try in a test environment. Maybe it will process the animation directly, instead of having the image take precedence, is what i’m thinking.

1 Like