Question: Is there a way to add few html5 source tags?

[antongorodezkiy]

Hello @cookpete

Thanks for the nice lib!

Is there a way to add few html5 source tags or the only option is to use url prop for single source?

[cookpete]

Currently only a single src is supported, however it would be good to support multiple source tags, so I'll leave this open.

How would it work? Perhaps ReactPlayer could have child nodes that are added to video and only rendered when playing is true? Something like:

<ReactPlayer playing={true}>
  <source src='foo.webm' type='video/webm'>
  <source src='foo.ogg' type='video/ogg'> 
  <source src='foo.mov' type='video/quicktime'>
</ReactPlayer>

The trouble is that the children would exist for all the players, but only be used in FilePlayer which is a little strange. If we don't require a type we could take an array of sources in the url prop:

<ReactPlayer
  playing={true}
  url={['foo.webm', 'foo.ogg']}
/>

Or if we still want to specify a type we could take an array of objects:

<ReactPlayer
  playing={true}
  url={[
    {src: 'foo.webm', type: 'video/webm'},
    {src: 'foo.ogg', type: 'video/ogg'}
  ]}
/>

[willbowling]

This would be awesome. Any movement on this?

[cookpete]

I've pushed a possible fix for this to the multiple-sources branch. Feel free to try it out.

[briansayles]

Would love to see that multiple-sources branch get pulled in to the master.