Floating Player

Player widget allows for embeddable video placement anywhere on your page. Two additional mode allows "pinned" and "fullscreen" initial layout.

Floating video

Using vertical videos exclusively? See also Storyblock.

Integration

HTML

<script async src="//asset.fwcdn3.com/js/fwn.js" type="text/javascript"></script>

<fw-player
    channel="my-channel"
    style="width: 100%; aspect-ratio: 16/9"
></fw-player>

Attributes

width

Specifies explicit width. Defaults to 100%.

height

Explicit height. Defaults to 100%.

style

CSS style to allow for setting width, height and aspect-ratio as well.

mode

pinned | fullscreen

Additional modes for floating (mimimized) or fullscreen initial layouts.

dock

true | false

For pinning to the bottom as user scrolls past by.

player_margin

CSS string to specify mimimized player distance from the edges. For positioning, see player_placement.

player_placement

top-left | top-right | bottom-right | bottom-left

Position of the mimimized video player. Defaults to bottom-right

See additional player attributes which are common for all widgets.

Configuration