Clappr Mobile FullScreen Mode

[wesley901]

Hi, I am using your player and I like it very much, but I have a problem. I read the documentation but I could not solve it. When I click on the player on mobile, I want it not to open full screen, especially in the advertisement, but it becomes full screen on mobile. How do I prevent advertising videos from opening in full screen on mobile? Thank you.

[kslimani]

In player playback configuration try with playInline property to true :

var player = new Clappr.Player({
  // [...]
  playback: {
    playInline: true,
  },
  // [...]
});

[wesley901]

Thank you very much. After the advertising ends, the video must be played again for the broadcast to start. Can we start the broadcast automatically when the ad ends or we skip the advertising?

[kslimani]

Depending on which solution you use to display advertising (Clappr plugin ?, some library displayed over player ?), to be able to start video automatically, you need to "capture" user click (also called user consent).

If you are able to capture click event (the one used to start the advert), then you can immediatly call the player.consent() method. (technically it "store" the user consent inside internal video element).

When your advert has ended, you can call player.play() méthod to start playback.

[wesley901]

Thank you 👍

[wesley901]

Depending on which solution you use to display advertising (Clappr plugin ?, some library displayed over player ?), to be able to start video automatically, you need to "capture" user click (also called user consent).

If you are able to capture click event (the one used to start the advert), then you can immediatly call the player.consent() method. (technically it "store" the user consent inside internal video element).

When your advert has ended, you can call player.play() méthod to start playback.

I want to turn on automatic broadcasting after the advertisement for Clappr player, but I couldn't do it even though I tried hard, can you help?

[kslimani]

try this plugin, or take a look at source code.

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 10 days with no activity.