φ Famo.us University Famo.us/Angular Docs Help Blog Download
  • core
  • Context
  • ElementAllocator
  • ElementOutput
  • Engine
  • Entity
  • EventEmitter
  • EventHandler
  • Group
  • Modifier
  • OptionsManager
  • RenderNode
  • Scene
  • SpecParser
  • Transform
  • View
  • ViewSequence
  • events
  • EventArbiter
  • EventFilter
  • EventMapper
  • inputs
  • Accumulator
  • GenericSync
  • MouseSync
  • PinchSync
  • RotateSync
  • ScaleSync
  • ScrollSync
  • TouchSync
  • TouchTracker
  • TwoFingerSync
  • math
  • Matrix
  • Quaternion
  • Random
  • Utilities
  • Vector
  • modifiers
  • Draggable
  • Fader
  • ModifierChain
  • StateModifier
  • physics
  • PhysicsEngine
  • physics/bodies
  • Body
  • Circle
  • Particle
  • Rectangle
  • physics/constraints
  • Surface
  • Collision
  • Constraint
  • Curve
  • Distance
  • Snap
  • Wall
  • Walls
  • physics/forces
  • Drag
  • Force
  • Repulsion
  • RotationalDrag
  • RotationalSpring
  • Spring
  • VectorField
  • physics/integrators
  • SymplecticEuler
  • surfaces
  • CanvasSurface
  • ContainerSurface
  • ImageSurface
  • InputSurface
  • TextareaSurface
  • VideoSurface
  • transitions
  • CachedMap
  • Easing
  • MultipleTransition
  • SnapTransition
  • SpringTransition
  • Transitionable
  • TransitionableTransform
  • TweenTransition
  • WallTransition
  • utilities
  • KeyCodes
  • Timer
  • Utility
  • views
  • ContextualView
  • Deck
  • DrawerLayout
  • EdgeSwapper
  • FlexibleLayout
  • Flipper
  • GridLayout
  • HeaderFooterLayout
  • Lightbox
  • RenderController
  • ScrollContainer
  • Scroller
  • Scrollview
  • SequentialLayout
  • widgets
  • NavigationBar
  • TabBar

VideoSurface

Creates a famous surface containing video content. Currently adding controls and manipulating the video are not supported through the surface interface, but can be accomplished via standard JavaScript manipulation of the video DOM element. This extends the Surface class.

Overview

Options
size] [width, height
classes
properties
src
autoplay
Methods
setOptions
setContent

VideoSurface(options)

Constructor Parameters

options

Object

default option overrides

size] [width, height
Array.Number
in pixels
classes
Array.string
CSS classes to set on inner content
properties
Array
string dictionary of HTML attributes to set on target div
src
String
videoUrl URL
autoplay
Boolean
autoplay
Methods

setOptions(options)

Set internal options, overriding any default options

Parameters
options
Object
overrides of default options

setContent(videoUrl)

Set url of the video.

Parameters
videoUrl
String
URL

deploy(target)Private

Place the document element this component manages into the document. Note: In the case of VideoSurface, simply changes the options on the target.

Parameters
target
Node
document parent of this container

recall(target)Private

Remove this component and contained content from the document. Note: This doesn't actually remove the <video> element from the document.

Parameters
target
Node
node to which the component was deployed
Branding Terms Privacy Jobs © Famous Industries, Inc. 2015