- 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