在.vtt文件中设置字体样式？
在.vtt文件中设置字体样式，需要使用WebVTT（Web Video Text Tracks）标准的语法和属性来实现。WebVTT是一种用于展示字幕和注释的文本格式，常用于HTML5视频播放器。
要设置字体样式，可以使用以下属性：
::cue选择器：用于选择所有的字幕行。可以在其中设置字体样式属性。- 属性示例：
color（字体颜色）、font-family（字体类型）、font-size（字体大小）、font-style（字体样式，如斜体）、font-weight（字体粗细）、text-decoration（文本装饰，如下划线） - 示例：
- 示例：
- 属性示例：
::cue(#identifier)选择器：用于选择指定标识符的字幕行。可以为特定的字幕行设置字体样式属性。- 示例：
- 示例：
需要注意的是，WebVTT文件是纯文本文件，以UTF-8编码保存，文件扩展名为.vtt。在使用时，需要在HTML中使用<track>元素引入WebVTT文件，并将其关联到视频元素。
腾讯云相关产品和产品介绍链接地址：
相关·内容
2回答
在.vtt文件中设置字体样式？
、、、、
我正在创建一个关于编程的视频，我想包括具有.vtt扩展名的字幕。我认为如果字幕中的编码和技术文本使用Consolas字体显示会更好。如下例所示： 打开终端并编写sudo apt-get update 在上面的例子中，技术部分是Consolas字体。那么在.vtt文件中这是可能的吗？
浏览 303提问于2020-04-29得票数 1
2回答
我一直在尝试使用这个简单的超文本标记语言来处理视频中的.vtt字幕：</video>
</html>
我已经在.vtt文件中添加了一些颜色和样式，但它们似乎不起作用。例如: VLC将显示我所有的红色(来自)，但一旦我在chrome 71中
浏览 11提问于2019-01-21得票数 2
我正在尝试更改放置在字幕文件中的b标记中的font-variation-settings，该文件在track元素中调用，该元素是video元素的子元素： <video controls">VTT文件：Tell me, is the <
浏览 6提问于2020-02-04得票数 0
因此，这里有一个视图，用户可以在我帮助开发的应用程序中启用/禁用字幕。这有可能吗？我设想了两种可能的方法：
使用文本创建一个AVPlayer实例和一个.vtt文件，将其加载到视图中并暂停播放机。以某种方式获取用户为其字幕设置的所
浏览 2提问于2016-10-13得票数 2
回答已采纳
我使用的是视频-js 5.19.2，我已经根据我的需要定制了它，我想在全屏上显示块中的标题，字体大小在全屏上也没有变化。video-js .vjs-captions { font-size: 20px; }在css文件中的视频-js，但字体大小是不变的。我已经看到这是在新的视频js版本中做的事情，但是我无法<em
浏览 13提问于2017-12-21得票数 0
回答已采纳
4回答
HTML5字幕能用css定位吗？
、、、、
我正在使用一个自定义的HTML5应用程序在本地网络上播放视频，现在我增加了字幕支持。我能够用css伪元素：：提示的字幕样式，但只适用于字体大小、颜色、背景。在编写脚本修改所有.vtt文件以将line:XX%添加到提示之前(这是迄今为止我找到的移动它们的唯一方法)，我想知道是否有一种方法可以<em
浏览 5提问于2017-07-06得票数 6
回答已采纳
1回答
我有视频与轨道元素的字幕，以.vtt格式。我使用JW 7，此播放器提供了配置您的字幕样式(如颜色、背景、字体等)的机会。但是在iphone上(这里是iphone的本地播放器中的视频播放和样式字幕在这里没有显示，这里您可以看到实际轨道元素的提示)，我对删除字幕的背景和边框半径有问题。你可以看到黑色背景和边框半径
我在谷歌搜索过很多次，但是找不到字幕没有背景的例子。我从IOS设置中找到了一个解决方案。
浏览 3提问于2016-01-11得票数 1
回答已采纳
1回答
是否可以为WebVTT (.vtt)字幕中的特定片段设置自定义样式？根据mozilla的，可以设置CSS伪类，例如：video::cue {video::cue(b) {}00:00:00.00
浏览 14提问于2022-11-27得票数 0
我希望文本处理一个现有的文件，并将算法输出输出到一个新文件。我原以为这是一个很容易的任务，但这让我很不爽，可能是因为我现在还不知道猫头鹰的来历。我有一个现有的非常非常大的文本文件，格式如下：BLAH BLAH BLAH
我基本上是想输出一个txt文件我可能也可以创建一个单词宏来完成它，甚至可以修正所
浏览 0提问于2022-06-28得票数 0
1回答
在azure媒体服务中上传视频后，我可以成功地生成字幕，但由于UI最近的变化，我找不到上传的选项。 ?
浏览 26提问于2021-02-04得票数 0
似乎google-chrome也支持.srt，因为：
WEBVTT中有什么更好的东西使.srt过时了吗？
浏览 34提问于2016-09-21得票数 14
回答已采纳
1回答
嘿，伙计们，我在把字幕放进我的视频里有这个问题。这是我的控制台上弹出的错误。<ano…}00:00:01.000 --> 00:00:15.000of the gatekeepers?aspectratio: "24:10", tracks: [{
浏览 2提问于2016-08-19得票数 1
回答已采纳
6回答
/mp4">
<track label="Chinese Traditional" kind="subtitles" srclang="cht" src="files/movie-01/cht.vtt
浏览 10提问于2015-08-14得票数 4
回答已采纳
"js-audio"> <track kind="captions" src="SUBTITLES_SRC.vtt$('track')[0];textTrack.mode = 'hidden';在<
浏览 0提问于2015-06-17得票数 0
4回答
id="video1" width="450"> <track src="TED.vtt" kind="subtitles" srclang="en" label="English">字幕文件(TED.
浏览 1提问于2014-01-11得票数 9
1回答
我不知道我做错了什么，我试着遵循W3C规范：
WEBVTT00:00.000 -> 00:02.000这是个测试。有关CSS转义的更多信息，请参见在标记和CSS中使用字符转义。线索的/*样式: 123 /:提示(#\31 23) {颜色:石灰；}/提示样式: crédit de转录*/ :提示(#crédit\ de\转录){颜色:红色；}
我不知道id选择器是否只适用于.vtt文件</e
浏览 7提问于2022-05-02得票数 0
回答已采纳
1回答
我正在尝试更改内垫选项的字体-选择(“您出生在哪个城市”等)。我注意到，如果我将ViewEncapsulation设置为none (例如，让样式从其他文件中流进来)，它确实允许我更改字体系列，但将其设置为none会导致其他不必要的样式在其中流血，尽管这些样式都设置为注意:当我在dev tools中更改该类的字体时，注意到它成功地更改了字体：然而，当我将
浏览 6提问于2021-11-17得票数 0
10回答
video-js.zencoder.com/oceans-clip.mp4" controls>
<track kind="captions" src="_tracks/test.vtt我已经尝试了不同的视频和字幕文件。
浏览 2提问于2013-03-07得票数 11
我在我的网站上有一个自定义字体设置，在我的样式表中使用@字体。它在我的主页上工作得很好，但是如果我试图通过另一个html文件在不同的目录中读取相同的样式表，那么除了字体之外，所有样式都会正常工作。样式表(style.css)和字体位于/样式/目录中。html文件位于子目录<
浏览 3提问于2013-01-21得票数 0
1回答
是否有办法在我的XSL-FO样式表中指定自定义字体(即未安装在Windows/字体文件夹中的字体)？在CSS中，您可以这样做： font-family: OpenSans;}
在XSL-FO中也有类似的情况吗我查过安腾纳豪斯的格式化文件了。AHF允许您在字体
浏览 1提问于2018-09-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
