Video.js: How to integrate properly videojs + video-flash with reactjs

[kasidesh]

Description

As a flash project is separate from video.js in version 7, I try to combine the script in the component, like the code (https://gist.github.com/kasidesh/2d119252f37407fbf8a399651432ef2e).

• https://github.com/videojs/video.js
• https://github.com/videojs/videojs-flash
• https://github.com/brightcove/videojs-flashls-source-handler

Steps to reproduce

try this code
https://gist.github.com/kasidesh/2d119252f37407fbf8a399651432ef2e

Results

Expected

Play the video with flash when some browser does not support HTML5 with the mediaSource

Actual

Currently I can't play the video with flash player on video.js 7+ (in case I open IE11 on Windows 7

[welcome[bot]]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

[gkatsev]

Hey, I updated your example a bit in a live codesandbox: https://codesandbox.io/s/xl5m5q2wjo

If you pop it out into another view and force enable flash in chrome you should be able to see it working: https://xl5m5q2wjo.codesandbox.io/

The main change I did was swap out the dependency to point at @brightcove/videojs-flashls-source-handler, I think that's the one the one to use.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[kasidesh]

Hey, I updated your example a bit in a live codesandbox: https://codesandbox.io/s/xl5m5q2wjo

If you pop it out into another view and force enable flash in chrome you should be able to see it working: https://xl5m5q2wjo.codesandbox.io/

The main change I did was swap out the dependency to point at @brightcove/videojs-flashls-source-handler, I think that's the one the one to use.

This code is working fine!

[NuttaponTamburanavit]

This work!
I waste time to find solution for solve @brightcove/videojs-flashls-source-handler Error registerSourceHandle.

That is my fault, I use yarn it's not work when I change to 'npm' it solved.

[theprimone]

@gkatsev Hello, could you explain why it working after pop it out. It doesn't work when I used the same code in storybook.

[gkatsev]

codesandbox and similar sites load the preview in an iframe which is severely restricted in what it can do, such as use flash. When you pop it out, those restrictions are lifted and you can allow flash to run on that page.