Video component allows for uploaded videos to be lazy loaded. The
Video component is the preferable way of using videos in Shogun Frontend.
Video component can be imported directly from the
frontend-ui package, which is pre-installed in your Shogun Frontend store.
import Video from "frontend-ui/Video"
The usage of the
Video component is virtually the same as using the video HTML element:
import React from 'react' import Video from "frontend-ui/Video" const MyComponent = () => ( <Video poster="https://f.shgcdn.com/7e53bfca-8e38-4e56-8650-e1d7001544b8/" autoPlay > <source src="https://f.shgcdn.com/147c79f5-1b1a-4428-8b0e-7079cde26003/" /> </Video> ) export default MyComponent
Video components accepts all props (and parameters) that a video HTML element supports, with one slight modification:
Updated about 1 year ago