如何自定义vimeo字幕的样式？
自定义 Vimeo 字幕的样式可以通过以下步骤实现：
- 登录到 Vimeo 的开发者平台（https://developer.vimeo.com/）并创建一个新的应用程序。
- 在应用程序设置中，获取你的客户端标识符和客户端密钥，这将用于与 Vimeo API 进行身份验证和访问。
- 使用你喜欢的编程语言和框架创建一个与 Vimeo API 进行交互的应用程序。
- 使用 Vimeo API 中的 "videos" 端点获取你想要自定义字幕样式的视频的信息。你需要提供视频的标识符或 URL。
- 使用 "texttracks" 端点获取视频的字幕轨道信息。你可以获取字幕轨道的标识符、语言和 URL。
- 使用 "texttracks" 端点的 "update" 方法来更新字幕轨道的样式。你可以指定字幕的字体、大小、颜色、背景色等样式属性。
- 通过发送 HTTP 请求将更新后的字幕样式应用到字幕轨道。
- 检查 API 响应以确保字幕样式已成功更新。
以下是一些腾讯云相关产品和产品介绍链接地址，可用于实现自定义 Vimeo 字幕样式的开发：
- 腾讯云视频处理（https://cloud.tencent.com/product/vod）：提供了丰富的视频处理功能，可用于处理和管理视频文件。
- 腾讯云 API 网关（https://cloud.tencent.com/product/apigateway）：用于构建、发布、维护和监控 API，可用于与 Vimeo API 进行交互。
请注意，以上仅为示例，你可以根据自己的需求选择适合的腾讯云产品和服务。
相关·内容
伙计们！我想找一个可以播放Youtube，Vimeo和HLS网址的媒体播放器。看起来player ()是合适的，但我对Youtube和Vimeo视频的封闭式字幕有些麻烦。尽管视频在Youtube和Vimeo播放器中显示字幕，并且可以切换它们，但我根本无法加载Vimeo视频的标题，也无法使用Plyr切换Youtube的标题。请给出一些例子，如何用Plyr解决这个标题问题？还是和另一个媒体播放器？
浏览 14提问于2017-09-26得票数 0
1回答
你能帮帮我吗?我正在尝试上传使用Vimeo API字幕到我的PHP视频。 这里是Vimeo-api文档：https://developer.vimeo.com/api/upload/texttracks 不幸的是，没有关于用PHP上传Vimeo字幕的线索，Vimeo也没有为新用户提供任何代码示例。 我是这样工作的： include __DIR__ . '/Vimeo/autoload.php';
// The client id and client secret needed to use the vimeo API
$clientId = "xxxxxxxxxx
浏览 24提问于2019-05-21得票数 0
在网络上播放Vimeo视频会显示类似这样的隐藏字幕控件。
如何使用Vimeo/PlayerKit在iOS上显示类似的控件？
我到处寻找，但没有找到任何关于播放器工具包的文档。
浏览 2提问于2020-08-26得票数 1
2回答
如何使用Exoplayer、ExoMedia或其他播放器启用并选择嵌入在HLS格式的Vimeo视频中的不同字幕？在iOS中，同样的视频已经提供了本机字幕的选项，但在Android中，我无法找到实现它的方法。
浏览 10提问于2017-12-11得票数 7
回答已采纳
1回答
我正在试着去掉vimeo字幕上的黑色背景。
我添加了一些css来覆盖默认样式，但它似乎忽略了它。
.player .vp-captions>span {
background: transparent !important;
text-shadow: 2px 2px 2px black !important;
}
浏览 67提问于2019-08-15得票数 2
我试图使用这里找到的vimeo Srt Jquery插件向Vimeo视频添加字幕。
我可以让字幕发挥良好使用模板，但我希望一个下拉选择选择和更改您的字幕需要。我有下面的代码，但它看起来，一旦字幕初始化，它不会改变。有什么建议吗？
<div id="container">
<iframe id="vimeoplayer" video="68038551" width="690px" height="422px" frameborder="0" webkitallowfullscre
浏览 2提问于2013-09-13得票数 0
回答已采纳
我们在我们的网站上嵌入了播放器。
VTT法语字幕已经上传。
我们需要在默认情况下激活标题。
目前还没有发生。字幕是可用的，CC按钮在那里，我们可以在播放时打开它们。但我们确实希望字幕能自动显示。
嵌入代码如下：
<iframe class="embed-responsive-item" src="https://player.vimeo.com/video/[videoid]?texttrack=fr" frameborder="0" allow="autoplay" allowfullscreen></ifra
浏览 4提问于2019-09-27得票数 1
1回答
我需要帮助创建/添加与vimeo服务器上托管的视频同步的字幕。此视频嵌入在HTML页面中。我将字幕保存在.srt /.vtt /记事本文件中。请建议我最好的可能的选择，也可以用于商业目的。请看下面的图片屏幕
浏览 1提问于2013-07-17得票数 0
2回答
我正在使用Vimeo来主持一个项目的视频文件，但是视频可以有多达8种语言。我们使用每个视频字幕来分割语言(1个视频，8个字幕文件)。
问题是，如果有可能使用API或iframe嵌入属性设置字幕的语言，我就无法在API文档或其他任何地方找到。
如能在此问题上提供任何帮助，将不胜感激。谢谢!
浏览 4提问于2015-01-14得票数 0
回答已采纳
1回答
嗨，我是新来的，我有个问题
我正在开发一个250+视频应用程序--我搜索了互联网并找到了3种解决方案
avwebview 反应视频播放器
我都试过了，第一条和第二条对我没用，因为
react视频播放器不在我这里工作，因为我使用的是世博会，我不想分隔ios和安卓 expo av不要帮助vimeo视频的
所以我尝试了webview，它的工作原理非常棒，除了一件事，完全屏幕按钮太小了，有时没有反应。
<WebView
allowsFullscreenVideo
scrollEnabled={false}
style={{ backgr
浏览 4提问于2021-05-22得票数 0
1回答
如何在vimeo视频的vp控制中设置播放栏和播放按钮的样式(更改:bg颜色、边框半径等)。我的vimeo在iframe中嵌入了vimeo-player。我想用js/html/css？
浏览 39提问于2021-11-21得票数 0
1回答
用Vimeo托管的视频有多种语言的字幕，供多语言观看者使用。然而，Vimeo只支持一个活动缩略图和视频标题文本刻录在缩略图图像显示在该语言。
有没有办法上传几个缩略图(每一个带有不同语言的视频标题文本)并在iframe调用中请求特定的缩略图？如果没有Vimeo，还有其他服务支持吗？
或者，如果在缩略图上删除视频标题，是否可以在元数据中添加多语言视频标题并请求特定于缩略图顶部所示的请求？
浏览 7提问于2022-10-03得票数 0
我有一个包含vimeo视频ID的字段，我试图使用重写该字段的视图显示该内容，但是标记正在被删除。
<iframe src="//player.vimeo.com/video/[view_field_id]" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
如何使用视图在drupal中显示vimeo iframe？
浏览 0提问于2016-04-12得票数 0
1回答
元素不会显示在智能手机上
、、、、
这是我的关键词：
我已经添加了一个滑块使用插件旋风滑块。但在智能手机上，平板电脑一点也不显眼。
滑块已经处于响应模式，有人能帮我吗？
更新
问题是智能手机上的高度=0，我试着用firebug添加The = xxx，它可以工作，现在如何在php端更改它呢？
<?php elseif ( 'vimeo' == $slide['type'] ) : ?>
<div class="cycloneslider-slide cycloneslider-slide-vimeo" <?php ech
浏览 0提问于2014-12-03得票数 0
回答已采纳
1回答
Vimeo标题在IE中不起作用
、、、、
我有VTT隐藏字幕文件，我是从YouTube生成的。经过一些编辑后，我将.vtt文件上传到我的Vimeo版本的视频中。
我在Chrome上看到了标题，但在IE中看不到。为什么？
浏览 3提问于2015-12-03得票数 2
我的页面中有许多字幕，每个字幕都在单独的行中，并且具有不同的文本长度
<code>A0</code>
当任何字幕完成时，它会因为短文本而滚动，它会在完成后立即重新运行。但我的要求是让它等待其他选取框完成，并同时开始下一个循环，我如何实现这一点？
<code>A1</code>
<code>A2</code>
浏览 15提问于2020-03-16得票数 0
1回答
我在我的主页上有一个轨道幻灯片：
与其他内容不同，它不包含在row类中，因为我希望它占据整个屏幕的宽度。我也希望有一个最大高度设置，这样幻灯片就不会在更大的屏幕上占用太多的垂直空间。为此，我在自定义样式表中设置了以下内容：
.orbit-container {
max-height: 400px;
}
.orbit-container .orbit-slides-container img {
width: 100%;
}
然而，字幕和项目符号被“隐藏”了。有没有办法达到我想要的效果，同时仍然让项目和字幕显示在动态观察容器的底部？
任何建议都将不胜感激。
谢谢，瑞秋
附言:我使
浏览 0提问于2013-08-05得票数 1
我正在尝试写字幕，并在视频中的任意位置显示它们在许多位置。我有一个很长的时间和位置列表来显示视频中的文本，但我不知道如何将这些时间和位置编码到字幕文件中。web上的许多示例只展示了如何显示单个字幕，或者没有解释字幕文件的语法。
对于如何做到这一点，我找不到一个简单的答案，所以我不得不将许多方法组合在一起，我将回答我自己的问题。
浏览 1提问于2021-09-25得票数 0
1回答
铬化字幕
、
我已经成功地把视频投到chromecast，现在我正在尝试增加对字幕的支持，这里我面临两个问题
当我使用NanoHttpd chromecast传输vtt文件时，返回错误代码2100，尽管我使用同一台服务器播放视频，而且它可以工作。
为了解决问题，我将vtt文件上传到dropbox，现在chromecast返回成功，也设置中介返回成功，但字幕没有显示。
注意:我使用的是Chromecast默认媒体接收器
那我做错什么了？
浏览 2提问于2016-04-30得票数 1
回答已采纳
2回答
我正在尝试嵌入多个Vimeo视频响应性地放在一边和下面。当我使用embed-responsive时，当我使用几个不同的视频时，视频的位置往往会略有不同。但是，当我在所有div中使用相同的视频时，它们完全一致。
以下是我的代码
<section id="gallery">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12 gallery"
浏览 2提问于2018-06-04得票数 1
1回答
当用户点击时，我必须在视频字幕中突出显示一个单词。因此，给定轻击的坐标，问题就是在提示字符串中找到单词索引。
有什么想法吗？这有可能吗？我说的是最新的HTML5触摸事件和WebVTT提示。
浏览 6提问于2017-07-29得票数 2
2回答
如何在Jade中创建带字幕的图形
、、、、
我正在使用reveal.js创建一个演示文稿，我希望它包含插图和插图标题。这是我正在制作的一张幻灯片：
section
h2 Slide title
figure
img(src="images/image.png" align="right" width="70%")
figcaption Here are some details about the image.
不幸的是，这只会呈现标题为p元素的图像。有人知道如何在Jade中正确地创建带有字幕的人物吗？
浏览 2提问于2015-03-09得票数 1
1回答
自定义地图注记标注图像
、、、
我可以设置标题、副标题、左边的图片(leftCalloutAccessoryView)和右边的按钮(rightCalloutAccessoryView)的MKPinAnnotationView。
使用此代码，我将图像设置在左侧：
UIImageView *myImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Icon.png"]];
myImageView.frame = CGRectMake(0, 0, 10, 10);
customPinView.leftCalloutAccessory
浏览 3提问于2011-04-01得票数 0
4回答
我偶然在网上看到了这张设计图片，我真的很困惑如何制作一个有多个字幕的UITableCell，并允许我按照图片所示的方式对它们进行自定义。
我的理解是每个单元格只能使用一个副标题。
有没有办法创建一个像这样的UITable单元格？你将如何在单元格标题下制作这4个字幕？
浏览 2提问于2013-05-19得票数 0
回答已采纳
1回答
在选择菜单项后，我必须打开一个列表，在其中几行出现字幕，我该怎么办？我正在为Android4.x开发
我的menu.xml代码
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@+id/menu_overflow"
android:icon="@drawable/abs__ic_menu_moreoverflow_normal_holo_light"
andr
浏览 0提问于2013-12-18得票数 1
回答已采纳
我在android应用程序中使用Cast Companion库。当通过设置->可访问性->字幕启用时，字幕在安卓4.4+上的效果非常好。我如何确保字幕在Android Jelly bean (4.1,4.2,4.3)上也有效，因为该选项在设置中不可用
浏览 0提问于2015-10-24得票数 1
我在我的安卓应用程序中使用来支持chromecast发送者。接收方应用程序是默认的。
我的溪流是HLS，包含一个EIA-608封闭字幕轨道。从文档中看，似乎样式的媒体接收器和CastCompanionLibrary都支持EIA-608封闭式字幕，但我似乎无法让它发挥作用。
我在初始化VideoCastManager.FEATURE_CAPTIONS_PREFERENCE时启用CastCompanionLibrary，并按以下方式构建轨道：
MediaTrack videoTrack = new MediaTrack.Builder(0, MediaTrack.TYPE_VIDEO)
浏览 2提问于2015-07-20得票数 3
回答已采纳
我想刻录一个波斯(-utf8)的.srt格式的字幕文件到一个.mp4格式的视频文件使用mencoder。我使用的是ubuntu 14.04。此命令适用于在视频文件上刻录字幕的简单任务：
sudo mencoder input.mp4 -sub subtitle.srt -utf8 -o output.mp4 -oac pcm -ovc lavc
现在我想更改字幕的颜色和字体大小，并为字幕添加背景。我在这里看到了一些命令，比如-ass-color <value>、-sub-bg-color，但它们不能协同工作。-sub-bg-color在我导入.srt文件时起作用，-ass-colo
浏览 4提问于2014-09-04得票数 2
我添加到videojs播放器的字幕没有在播放器中显示。 我正在使用库https://github.com/videojs/videojs-vimeo将vimeo视频嵌入到videojs播放器中。 我可以添加remoteTextTrack，我可以在控制台中看到添加到文本轨道的提示，但是对于所有提示，displayState显示为undefined，这就是字幕不呈现的原因。我不明白为什么会发生这种事。 这就是我添加的方法： playerRef.remoteTextTracks().tracks_.forEach(remoteTrack => {
const currCue = new
浏览 98提问于2019-06-14得票数 2
1回答
我正在使用，我已经阅读了文档，但我不明白我应该为数据提供什么。
// initialize video.js
var player = videojs('video-id');
//load the caption plugin
player.caption({
data: captionData
});
我有srt和vtt字幕文件在我的服务器上，我如何给这个文件的数据，以便它可以加载在播放器中的字幕。
我正在搜索和工作了大约8个小时前，我想运行这个插件，以便我可以使用这个更多的功能，如转发字幕和改变字幕样式
浏览 2提问于2015-07-08得票数 1
1回答
控件推送的Html视频字幕
、、、、
我有一个html视频元素，我以VTTCues的形式向其添加TextTrack和添加字幕：
let video = this.$refs.video as HTMLVideoElement;
let track = video.addTextTrack('captions', 'English', 'en');
let cue = new VTTCue(0, 100, 'example subtitle');
//modify some of the cue's properties
cue.align = 'ce
浏览 12提问于2020-03-11得票数 0
我使用这个命令来裁剪，缩放，然后添加字幕作为覆盖
ffmpeg -i input.avi -vf "[in]crop=in_w:in_h-20:0:0 [crop]; [crop]scale=320:240 [scale];[scale]subtitles=srt.srt" -aspect 16:9 -vcodec libx264 -crf 23 oq.mp4
如何设置字幕的字体大小/颜色？
浏览 6提问于2014-01-26得票数 18
回答已采纳
1回答
我想在我的网站上使用Vimeo视频，我正在使用嵌入式代码。我不想要Vimeo媒体控制和共享按钮。如何将其移除？
以下是我的代码：
浏览 0提问于2018-02-08得票数 1
如何将文本添加到字幕？目前我有一个带有名字列表的NSArray，如何为名字添加字幕？
lodgeList = [[NSArray alloc]initWithObjects:
@"Abingdon Lodge No. 48",
@"York Lodge No. 12",
@"Alberene Lodge No. 277",
nil];
继续..。
- (UITableViewCell *)tableView:(UITableView *)t
浏览 2提问于2012-09-05得票数 1
回答已采纳
我正在使用Install4j 7.0.3创建一个安装程序。我正在尝试利用表单的subtitle属性，“Banner with header at the top”，但字幕没有出现。
如何显示副标题？
谢谢
浏览 5提问于2018-01-10得票数 1
回答已采纳
所以我有点卡住了，我想看看是否有人能给我一些帮助，所以我有以下jQuery代码： let VimeoBlock = function($element) {
function init() {
adjustPositioning();
}
function adjustPositioning() {
const classList = $element.attr('class');
if (classList.indexOf('alignwide') > -1) {
浏览 45提问于2021-08-12得票数 2
回答已采纳
MonoTouch.Dialog RootElement似乎没有添加字幕的方法。我想在标题下面显示一个副标题。
我是否必须在GetCell方法中继承元素的子类并添加自定义视图？
有没有更简单的选择？
浏览 6提问于2012-08-22得票数 0
1回答
如何改变耳聋的皮肤
、、、、
我需要知道一种改变vimeo播放器皮肤的方法。我做了一些谷歌的研究，我意识到不可能改变vimeo的皮肤，因为他们不允许这样做，我们唯一能做的就是定制他们的控件。
事实上，我有一些来自YouTube，Vimeo和Dailymotion的视频嵌入我的网站，我需要有一个共同的播放器为所有这些视频。
我知道如何更改YouTube中的默认皮肤(通过Video.js)，但不确定是否也可以对vimeo和dailymotion进行同样的更改。
任何帮助都将不胜感激。
谢谢
浏览 3提问于2014-11-09得票数 1
回答已采纳
4回答
是否可以在HTML5视频播放器中设置文字轨道(如字幕和字幕)的样式？
我已经为Chrome找到了这样做的方法：
video::-webkit-media-text-track-container {
// Style the container
}
video::-webkit-media-text-track-background {
// Style the text background
}
video::-webkit-media-text-track-display {
// Style the text itself
}
这似乎让Safari有点困惑。它
浏览 0提问于2015-08-27得票数 12
2回答
我正在尝试在UITableViewCell上设置字幕标签。我有一个包含标题和字幕对的字典，键列表存储在self.results中。但是，当我使用以下代码运行时：
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Search Result Cell" forIndexPath:indexPath];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCel
浏览 5提问于2014-12-06得票数 0
回答已采纳
1回答
我正在制作一个基于QWizard的程序，但是最近我遇到了一个错误。向导的某些页面不需要字幕，甚至不需要标题。然而，当我打开这些页面时，我看到白色字幕字段已经包围了整个页面，除了向导控件按钮所在的底部(根据我的需要，它是灰色的)。
例如，如果我试图将字幕设置为单个空格，那么在顶部仍有一个巨大的白色字段，破坏了和谐。此外，它使标题的大小缩小。
有没有办法在某些页面上隐藏这个副标题？同时也不让它缩小标题？
如果是相关的话，我是在Ubuntu下写的。
浏览 3提问于2013-12-17得票数 0
回答已采纳
1回答
我保存了一个YouTube视频1.5小时后，核实它有字幕(离线视频)。
但是，当我播放带字幕的离线视频时，它仍然没有显示任何标题。
请帮忙弄到字幕。希望离线保存的视频不需要浪费。请提出任何替代方案。
浏览 0提问于2016-01-21得票数 2
我最近在facebook上写了一个公司主页。公司页面是为一家设计公司设计的，他们在Vimeo上有一堆视频。
谁能指导我如何在vimeo的左侧添加一个单独的选项卡，并在我的视频/ vimeo活动中进行facebook投票？
我是第一次这样做，所以任何帮助都是很好的。
浏览 4提问于2011-08-04得票数 0
回答已采纳
2回答
我希望用两个文本块来创建自定义的pivot标题:一个用于标题标题，另一个用于字幕，或者为每个pivot页面添加静态字幕。简单的方法是像下面的例子那样定义标题模板，但是我如何将字幕文本绑定到实际的控件中，以便能够在代码中进行更改？如果唯一的选择是覆盖枢轴控件，如果存在，请提供一些示例。
<phone:Pivot.HeaderTemplate>
<DataTemplate>
<Grid>
<TextBlock Text="{Binding}" /> //header
浏览 5提问于2013-11-13得票数 0
回答已采纳
如何向已经离开详细信息和字幕的单元格中添加正确的详细信息。以及如何给出正确的textLabel细节？
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
let monster = monsters[indexPath.row]
浏览 0提问于2018-03-25得票数 6
回答已采纳
2回答
谁能告诉我如何在jw播放器上正确地设置我的字幕样式。它如下所示，这对用户来说有点烦人。
tracks: [{
file: "subs/<?php echo $a; ?>-en.vtt",
label: "English",
kind: "captions",
"default": true,
fontSize: 24,
浏览 6提问于2017-05-11得票数 0
我使用add_settings_field将更多的细节添加到设置菜单中，但不确定如何保存设置，或者在主题中调用它们。
这是目前为止的代码
add_action('admin_init','vimeo_setup');
function vimeo_setup(){
add_settings_field('vimeo_id','Vimeo ID','display_vimeo','general');
}
function display_vimeo(){
echo '<inpu
浏览 0提问于2010-09-09得票数 4
回答已采纳
Google部分实现了由谷歌提交的HTML5语音输入API。Chrome给它增加了键盘快捷键。
例如，您可以打开vimeo.com，然后将光标聚焦到搜索字段。按键盘快捷键"shift + command + .“。你看到一个提示符在等你说些什么来搜索Vimeo。
如何更改此键盘快捷键？
谢谢。
浏览 6提问于2013-07-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
