How to correctly pass video into Shoutem HTML component?

Question

I want to show video in HTML component, but when I pass a string

let body = '<video src="https://www.youtube.com/watch?v=vJJpnplTBeM" poster="https://img.youtube.com/vi/vJJpnplTBeM/maxresdefault.jpg"></video>';

to the component

return (<ScrollView>
    <Html body={body} style={{}}/>
</ScrollView>);

it show an error No suitable image URL loader found for (null).

How to correctly pass video into Shoutem HTML Component?

score 0 · Answer 1 · answered Jul 30 '18 at 11:14

0

Shoutem's video component does what you're trying to do, you could simply use it instead.

<Video
  source={{ uri: 'https://www.youtube.com/watch?v=myvideo' }}
  poster={'https://mypic.png'}
  height={200}
  width={300}
/>

answered Jul 30 '18 at 11:14

Vladimir Vdović

Of course I know how to insert Video with Shoutem, but I want to insert video with HTML component. – Evgeniy Jul 30 '18 at 11:17
The question is not actual now, I’am use another component – Evgeniy Jul 30 '18 at 11:19
Check [this](https://github.com/shoutem/ui/blob/develop/components/Video/Video.js), that I also linked above to see how our Video component does it. – Vladimir Vdović Jul 30 '18 at 11:20

1 Answers1