樣式字幕

在本主題中，您將學習設置標題樣式的方法。

字幕的默認外觀可能會發生變化，因此您可能希望設置字幕的樣式。設置標題樣式時，請謹慎保留足夠的顏色對比度以滿足 WCAG 可訪問性指南並在進行樣式更改時考慮最終觀眾。

有幾種方法可以設置字幕的樣式：

向 WebVTT 文件添加樣式選項

樣式選項可以直接應用於 WebVTT 文件，允許您更改標題和文本的位置和方向。這裡有一些例子：

  • 加粗字體 
    <b>Lorem ipsum</b>
  • 斜體文字 
    <i>dolor sit amet</i>
  • 帶下劃線的文字 
    <u>consectetuer adipiscing</u>

因為 Brightcove Player 管理字幕的位置，所以您不能使用樣式來更改字幕的位置或方向。內聯樣式不提供很多樣式選項。對於更多樣式選項，您可以使用 CSS 文件，如下一節所述。

有關內聯樣式的詳細信息，請參見這個鏈接 .

CSS 樣式指南

下表顯示了哪些 CSS 屬性支持和不支持使用 Brightcove Player 設置標題樣式：

CSS 屬性 支持的 不支持
font-family ✔  
字體大小 ✔  
font-weight ✔  
color ✔  
background ✔  
background-color ✔  
opacity ✔  
visibility ✔  
text-decoration ✔  
text-shadow ✔  
width   ✔
height   ✔
line-height   ✔
white-space   ✔
word-wrap   ✔
top   ✔
left   ✔
display   ✔
direction   ✔

有關字幕文件樣式選項的更多信息，請參閱W3C WebVTT 規範文檔或看視頻字幕和 WebVTT .

字幕的用戶樣式

對於 iOS 設備上的用戶，字幕樣式是通過 iOS 設置控制的。要訪問設置，請選擇設置 > 一般的 > 輔助功能 > 字幕和字幕 > 風格 .您可以在此處選擇預定義樣式或創建新樣式。

桌面和 Android 設備上的查看者可以使用字幕設置菜單更改字幕的外觀。

單擊字幕設置菜單將顯示一個疊加層，允許設置以下字幕屬性：

  • 前景色和不透明度
  • 背景顏色和不透明度
  • 窗口顏色和不透明度
  • 字體大小
  • 文字邊緣樣式
  • 字體系列

點擊默認值將字幕恢復為默認樣式。

限制

以下設備類型和操作系統支持字幕。

  • iOS 10+
  • 安卓 7+
  • 瀏覽器 11+
  • 桌面上最新的 Edge、Chrome、Safari 和 Firefox 瀏覽器