Allow <source> elements to be placed inside a <Video> or <Audio> element #364

@jonnyburger has funded $60.00 to this issue.

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

Hello @JonnyBurger ,

I am interested to work on this one. So to be clear, we want to be able to do something like below?

<Video 
  startFrom={59}
  endAt={120}
  style={{height: 1080 / 2, width: 1920 / 2}}
>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</Video>

@mikaoelitiana

Hi Mika,

thanks a lot for wanting to work on it! Yes you are correct, this is exactly the idea. You probably need to allow the video component to pass some children, and allow to not pass the src prop directly. I think there is a registerVideo call somewhere which also requires the source, so maybe you need to figure out programmatically for which src the browser has decided.

If you struggle along the way, still feel free to open a draft PR and we can help you!

Hi everyone! 👋🏽 @mikaoelitiana, I was wondering if you're still interested in this issue or if I can work on it. Cheers!

hello @arthurdenner yes I am still working on this one, hope to complete it by next week

@jonnyburger has rewarded $54.00 to @arthurdenner. See it on IssueHunt

• :moneybag: Total deposit: $60.00
• :tada: Repository reward(0%): $0.00
• :wrench: Service fee(10%): $6.00

We reverted it and decided that we will not pursue it in the foreseeable future. Too complicated and there are browser bugs out there as well