VideoJS наложение и реагирование

Question

Мне было интересно, возможно ли добавить компонент реакции в качестве контента?

Я добавил компонент внутри оверлея, вот так -

 this.player.overlay({
      content: <SomeReactComponent />,
      align: 'bottom-left',
      overlays: [{
        start: 'play',
        end: 'end'
      }]
    });

и SomeReactComponent является просто компонентом реакции для средства визуализации динамического изображения, которое выглядит следующим образом

import like from './like.png';
import love from './love.png';
import neutral from './neutral.png';

class SomeReactComponent extends Component {
  getImage(pic) {
    const image = pic;
    return image;
  }

  render() {
    const pic = [love, like, neutral];

    return (
        <div>
          { sentimentsArray.map(sentiment =>
            <img src={this.getImage(pic)} style={{ width: '75%', height: '75%', objectFit: 'scale-down' }} />
          )}
        </div>
    );
  }
}

Когда я вызываю this.player.overlay в своей консоли, он говорит, что overlays.options.content является символом React.element, однако я не получаю ничего как оверлей

Answer 1

К сожалению, для этого свойства нельзя использовать компонент React, а только элемент строки или узла. Взгляните на документ для получения дополнительной информации.