通过Rails video_tag帮助程序添加自定义HTML代码(<track />标记)

时间:2015-12-19 20:40:12

标签: ruby-on-rails html5

我正在尝试使用&#34; video_tag&#34;在我的Rails驱动的网站上为视频添加字幕。 (http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-video_tag)。这将返回HTML5视频标记。但是,要添加字幕,您需要在HTML5标记中添加一个子节点,如下所述:

https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video

<video id="video" controls preload="metadata">
   <source src="video/sintel-short.mp4" type="video/mp4">
   <source src="video/sintel-short.webm" type="video/webm">
   <track label="English" kind="subtitles" srclang="en" src="captions/vtt/sintel-en.vtt" default>
</video>

问题是,如何通过使用Rails&#34; video_tag&#34;添加另一个HTML标记。帮手?

我目前的代码如下:

<%= video_tag Video.last.file , size: "850x450", controls: true %>

这会生成以下HTML5视频标记:

<video controls="controls" width="850" height="450" src="/uploads/video/file/14/blah_blah.mp4"></video>

我不确定如何适应Rails&#34; video_tag&#34;中的<track>标记。如果我向助手添加另一个参数,这只会产生另一个src HTML标记,并将其作为选项添加到&#34; video_tag&#34;生成HTML属性,但不生成子节点。

我可以通过将HTML代码直接放在我的ERB模板中来解决这个问题,但我的假设是Rails&#34; video_tag&#34;帮手应该以某种方式支持这个。 任何帮助表示赞赏。谢谢!

1 个答案:

答案 0 :(得分:0)

我相信有一个名为track的HTML5标签。我不确定如何实现,我现在才开始阅读。 https://www.w3schools.com/tags/tag_track.asp