video_tag(*sources)
Instance Public methods
Returns an html video tag for the sources. If
sources is a string, a single video tag will be returned. If
sources is an array, a video tag with nested source tags for
each source will be returned. The sources can be full paths or
files that exists in your public videos directory.
Options
You can add HTML attributes using the
options. The options supports two additional keys
for convenience and conformance:
-
:poster- Set an image (like a screenshot) to be shown before the video loads. The path is calculated like thesrcofimage_tag. -
:size- Supplied as â{Width}x{Height}â or â{Number}â, so â30x45â becomes width=â30â and height=â45â, and â50â becomes width=â50â and height=â50â.:sizewill be ignored if the value is not in the correct format.
Examples
video_tag("trailer")
# => <video src="/videos/trailer" />
video_tag("trailer.ogg")
# => <video src="/videos/trailer.ogg" />
video_tag("trailer.ogg", controls: true, autobuffer: true)
# => <video autobuffer="autobuffer" controls="controls" src="/videos/trailer.ogg" />
video_tag("trailer.m4v", size: "16x10", poster: "screenshot.png")
# => <video src="/videos/trailer.m4v" width="16" height="10" poster="/assets/screenshot.png" />
video_tag("/trailers/hd.avi", size: "16x16")
# => <video src="/trailers/hd.avi" width="16" height="16" />
video_tag("/trailers/hd.avi", size: "16")
# => <video height="16" src="/trailers/hd.avi" width="16" />
video_tag("/trailers/hd.avi", height: '32', width: '32')
# => <video height="32" src="/trailers/hd.avi" width="32" />
video_tag("trailer.ogg", "trailer.flv")
# => <video><source src="/videos/trailer.ogg" /><source src="/videos/trailer.flv" /></video>
video_tag(["trailer.ogg", "trailer.flv"])
# => <video><source src="/videos/trailer.ogg" /><source src="/videos/trailer.flv" /></video>
video_tag(["trailer.ogg", "trailer.flv"], size: "160x120")
# => <video height="120" width="160"><source src="/videos/trailer.ogg" /><source src="/videos/trailer.flv" /></video>
Please login to continue.