Using the Embeddable Web Player

 

The 360FLIX Web Player can be customized to:

 

  • set the default content language
  • play back a project, a collection or all videos
  • determine the interface elements you want your user to see and interact with
  • determine the playback behaviour of the 360 player

WEB PLAYER INTERFACE ELEMENTS

 

The following is a list of the web player interface elements and their functions. Elements that can be configured in the CMS are marked with a star.

 

  • 1

    Play/Pause Button

    Allows the user to stop and start the video. (Keyboard Shortcut: SPACE)
  • 2

    Subtitle Selector*

    This icon allows users to select the subtitle language or switch subtitles off.
  • 3

    Navigation Mode*

    This icon allows the user to choose which mouse mode to use for navigating the 360 sphere. The two modes available are mouse mode and grab mode.
  • 4

    Resolution Selector

    This icon allows the user to select auto or specific streaming resolutions.
  • 5

    Volume Control

    This icon lets the user control or mute the volume.
  • 6

    Fullscreen Toggle*

    This icon allows the user toggle fullscreen mode. (Same as double-clicking the player window)
  • 7

    Player Language Selector*

    This icon lets the user choose the content language of the player. The language options are dependent on the number of languages that projects are set up in.
  • 8

    Playlist Icon*

    Users can click the Playlist Icon for a list of projects. The playlist icon appears when a user moves the mouse across the video sphere without clicking.
  • 9

    Playlist*

    A list of projects that can be played in the web player. The playlist is scrollable and can contain collections.

WEB PLAYER CONFIGURATION

 

To configure the webplayer

  • 1

    Player Preset

    You can set player presets here for easy retrieval of customized embeddable web players.
  • 2

    Load Item

    Choose a previously saved preset here.
  • 3

    Preset Name

    Type the name of the preset you want to save here.
  • 4

    Player Type

    You can choose a Single Player Video, A Collection or All the Videos in your cms.
  • 5

    Choose Content

    Choose the video or collection you want to use by name.
  • 6

    Show Project Details

    This option will allow users to see project details (poster image, description, etc.) by clicking on a menu icon at the top right of the player. This option only applies to single video web player configurations.
  • 7

    Show Player Navigation Instructions

    When enabled the player will show a graphic that lets users know how to navigate the 360 video sphere.
  • 8

    Auto Play Next Video

    When enabled the next video will automatically be played.
  • 9

    Allow User To Switch Languages

    When enabled users will be allowed to switch languages via a language icon in the timeline controls.
  • 10

    Show Logo

    When enabled the player will show a logo as defined in the branding section. ...more
  • 11

    Fade Logo on Video Start

    When enabled the logo will fade once the video starts.
  • 12

    Initial Player Language

    This is the language the player will be set to when it loads.
  • 13

    Default 360 Navigation Mode

    When enabled users will be able to change the navigation mode via an icon in the timeline. Supported modes are Mouse Movement and Mouse Grab.
  • 14

    Aspect Ratio

    Users can set the Aspect Ratio of the Player when embedded into a webpage.
  • 15

    Embedded Padding Colour

    This allows the user to set the padding colour in the embedded player to match the page it is being embedded in.
  • 16

    Player Dimensions

    This will set the player dimensions of the embeddable player.
  • 17

    Allow Full Screen Mode

    When enabled the user can go into full screen mode by double clicking the screen or via an icon on the timeline.
  • 18

    Generate Embed URL's

    Click this button to generate valid Embed URL's.

Choosing a Valid Project or Collection

When choosing a video or collection in the Web Player Configuration Panel make sure that a web deployment of that project or the projects in a collection exist. The drop-down box that allows you to choose a particular video or collection, lists all projects in the CMS, regardlessly of wether, they have a web deployment or not. If you choose a project that does not have a web deployment the video in the embedded web player will not play as it can’t find any valid video paths.