videoタグを生成
適応バージョン
- 3.0.0
- 3.0.5
- 3.0.7
- 3.0.9
- 3.1.0
- 3.2.3
- 3.2.8
- 3.2.13
- 4.0.2
- 4.1.8
- 4.2.1
- 4.2.7
- 4.2.9
- 5.0.0.1
- 5.1.7
- 5.2.3
- 6.0.2.1
- 7.0.0
説明
HTML5で追加されたvideoタグを生成
使い方
video_tag(動画ファイルへのパス..)
オプション
| オプション | 説明 |
|---|---|
| :poster | サムネイル画像 |
| :poster_skip_pipeline | アセットディレクトリを使わない |
| :autoplay | 自動再生を有効 |
| :controls | コントローラパネルを表示 |
| :loop | 繰り返し再生 |
| :autobuffer | 自動でバッファリング |
| :size | 動画サイズ(幅x高さ) |
| :width | 動画の幅 |
| :height | 動画の高さ |
| :poster | サムネイルを表示 |
例
HTML5で追加されたvideoタグを生成
video_tag("trailer")
#=> <video src="/videos/trailer"></video>
拡張子まで指定
video_tag("trailer.ogg")
#=> <video src="/videos/trailer.ogg"></video>
パラメータを指定
video_tag("trailer.ogg", controls: true, preload: 'none')
#=> <video preload="none" controls="controls" src="/videos/trailer.ogg"></video>
サイズを指定
video_tag("trailer.m4v", size: "16x10", poster: "screenshot.png")
#=> <video src="/videos/trailer.m4v" width="16" height="10" poster="/assets/screenshot.png"></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"])
#=> <video><source src="/videos/trailer.ogg" /><source src="/videos/trailer.flv" /></video>