method

video_tag

v3.1.0 - Show latest stable - 0 notes - Class: ActionView::Helpers::AssetTagHelper

video_tag(sources, options = {}) public

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 the src of image_tag.
:size - Supplied as “{Width}x{Height}”, so “30x45” becomes width=“30” and height=“45”. :size will 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="/images/screenshot.png" />
video_tag("/trailers/hd.avi", :size => "16x16")  # =>
  <video src="/trailers/hd.avi" width="16" height="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="trailer.ogg" /><source src="trailer.ogg" /><source src="trailer.flv" /></video>
video_tag(["trailer.ogg", "trailer.flv"] :size => "160x120") # =>
  <video height="120" width="160"><source src="trailer.ogg" /><source src="trailer.flv" /></video>

Show source

# File actionpack/lib/action_view/helpers/asset_tag_helper.rb, line 404
      def video_tag(sources, options = {})
        options.symbolize_keys!

        options[:poster] = path_to_image(options[:poster]) if options[:poster]

        if size = options.delete(:size)
          options[:width], options[:height] = size.split("x") if size =~ %{^\d+x\d+$}
        end

        if sources.is_a?(Array)
          content_tag("video", options) do
            sources.map { |source| tag("source", :src => source) }.join.html_safe
          end
        else
          options[:src] = path_to_video(sources)
          tag("video", options)
        end
      end

video_tag

Related methods

Options

Examples