ux-flex-video

ux-flex-video Documentation

Read Foundation's flex video docs for more details.


Use Cases Manifest Basic Flex VideoAdvanced Flex VideoBasic Flex Video
    {{#events.uxFlexVideo_34}}
  • {{this}}
  • {{/}}

	{
    "allowfullscreen": "allowfullscreen",
    "class": "",
    "frameborder": "0",
    "height": "315",
    "src": "//www.youtube.com/embed/YE7VzlLtp-4",
    "width": "420",
    "name": "Big Buck Bunny"
}
    {{#events.uxFlexVideo_35}}
  • {{this}}
  • {{/}}

	{
    "allowfullscreen": "webkitAllowFullScreen mozallowfullscreen allowFullScreen",
    "class": "widescreen vimeo",
    "frameborder": "0",
    "height": "225",
    "src": "http://player.vimeo.com/video/60122989",
    "width": "400"
}
    {{#events.uxFlexVideo_36}}
  • {{this}}
  • {{/}}

	{
    "allowfullscreen": "allowfullscreen",
    "class": "",
    "frameborder": "0",
    "height": "315",
    "src": "//www.youtube.com/embed/aiBt44rrslw",
    "width": "420"
}

Semantic Data Model
allowfullscreen - Allow full screen options. e.g. allowfullscreen webkitAllowFullScreen mozallowfullscreen
class - CSS class customisations
frameborder - Frameborder of the iframe
height - Height of the iframe
src - Source URL for the video. e.g. //www.youtube.com/embed/aiBt44rrslw
width - Width of the iframe
name - Name of the video - a screen reader will use this to describe the video