插入视频 音频 链接

3.1.5 使用 video_tag 链接视频

video_tag 帮助方法为指定的文件生成 HTML5 <video> 标签。默认情况下，视频文件存放在 public/videos 文件夹中。

<%= video_tag "movie.ogg" %>

生成的代码如下：

< video src = "/videos/movie.ogg" />

和 image_tag 类似，视频的地址可以使用绝对路径，或者相对 public/videos 文件夹的路径。而且也可以指定 size: "#{width}x#{height}" 选项。video_tag 还可指定其他 HTML 属性，例如 id、class 等。

video_tag 方法还可使用 HTML Hash 选项指定所有 <video> 标签的属性，包括：

• poster: "image_name.png"：指定视频播放前在视频的位置显示的图片；
• autoplay: true：页面加载后开始播放视频；
• loop: true：视频播完后再次播放；
• controls: true：为用户提供浏览器对视频的控制支持，用于和视频交互；
• autobuffer: true：页面加载时预先加载视频文件；

把数组传递给 video_tag 方法可以指定多个视频：

<%= video_tag [ "trailer.ogg" , "movie.ogg" ] %>

生成的代码如下：

< video >< source src = "trailer.ogg" />< source src = "movie.ogg" /></ video >

3.1.6 使用 audio_tag 链接音频

audio_tag 帮助方法为指定的文件生成 HTML5 <audio> 标签。默认情况下，音频文件存放在 public/audio 文件夹中。

<%= audio_tag "music.mp3" %>

还可指定音频文件的路径：

<%= audio_tag "music/first_song.mp3" %>

还可使用 Hash 指定其他属性，例如 :id、:class 等。

和 video_tag 类似，audio_tag 也有特殊的选项：

• autoplay: true：页面加载后开始播放音频；
• controls: true：为用户提供浏览器对音频的控制支持，用于和音频交互；
• autobuffer: true：页面加载时预先加载音频文件；