1. api.volume() and api.mute() have no effect on boot - flowplayer/flowplayer#1265
2. api.volume() and api.mute() one progress come too late (short pang if sound starts right away)

The correct place is on ready. Can't be imlemented though because of flowplayer/flowplayer#1264.

Note re 2: api.volume() and api.volume one progress with engine plugins (hlsjs, dashjs) come too early (video tag not available) and have no effect. To be investigated.

conf.loop, conf.muted, api.volume() have no effect on boot, remove.

refs flowplayer/flowplayer#1265

IE8 errors out when rgba CSS rule is dynamically added as style attribute.

Try parsing background.mask config (default: rgba(255, 255, 255, 0.7)):

• if rgba, split into rgb background-color and opacity filter directives
• otherwise fail over to 'transparent'

ie http://demos.flowplayer.org/plugins/background.html

Reports:

• Quickly flashes, then disappears iPhone 6s+ iOS 11.2
• starts on mine, but when you scroll to the top it stops playing iPhone 6 11.0.2

Some cases background video plugin is perfect to add "animation" in to website. If animation is complex then it is easier to add as a video, but bg video plugin does not allow setting 'loop' as false.

By default loop should be true.

"Stop animation when it finish."

Hi,
I noticed that background video plugin is setting min-height for the parent element, why?

      // Make sure container element grows to at least video size
      var container = root.parentNode;
      function setMinHeight() {
        common.css(container, 'min-height', common.height(root) + 'px');
      }
      setMinHeight();
      bean.on(window, 'resize', setMinHeight);
    });

I noticed this because that breaks things on my setup. I also noticed that nothing gets broken if I remove 'min-height' from the element.

I'm using Bootstrap responsive embed in my setup and that is taking care of the video size.

I'm also using Reveal.js which applies 'zoom' or 'transform: scale()' for the "root" element on my setup and it seems that setting that 'min-height' when scale() is applied breaks things.

On Chrome zoom: 1.36641 gives min-height of 669.994px which is ok, but Firefox and IE are using scale and scale(1.36641) gives min-height of 915.5; which is not ok. Note that scale and zoom are identical, but height calculation gives 245,4px difference.

I cannot provide jsfiddle, but I attach screenshots from the case. There is background image behind the background video which is showing up on Firefox.

My opinion is that background video plugin should not take care of the container size, instead its function is to take care that controls are not showing up, its playing video automatically and handling mute (+ overlay). Developer should take care of the container size and whether video should keep aspect ratio or be stretched. But this is only my opinion :)

I'll fix for now my setup using min-widht: auto!important; to override that inline style.

If splash image is configured for the player, background video plugin should use that image as still image for devices which cannot autoplay videos.

Configuring it in this way is not good when you need to make it dynamic (change per video):

#background.is-loading {
  background-color: #9cf;
  background-image: url(//cdn.flowplayer.org/202777/210503-snap.jpg);
}

Also using already existing way makes documentation more simple.

npm install flowplayer-background

Registry returned 404 for GET on https://registry.npmjs.org/flowplayer-background