> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/1.0-shou-ye/ying-pian-bo-fang-qu-kuai.md).

# 影片播放區塊

### 設計規格

{% tabs %}
{% tab title="賽前階段 (2月更新上線\~5/16)" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FIcn7YtflmPROjmD1NaUB%2FFrame%20627114.png?alt=media&amp;token=5387a754-1d09-480e-a0b7-6d502d746a17" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="87" data-type="number">NO</th><th width="138">項目</th><th width="107">屬性<select multiple><option value="YzycIK7wBCHZ" label="圖片" color="blue"></option><option value="N7a11ua5BtkP" label="文字" color="blue"></option><option value="YKTXplgq198U" label="連結" color="blue"></option><option value="UzmzxJq55SRe" label="功能操作" color="blue"></option></select></th><th>功能/規則說明</th></tr></thead><tbody><tr><td>1</td><td>影片播放框</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li>嵌入Youtube影片，點選在框內播放影片</li></ul></td></tr><tr><td>2</td><td>影片標題文字</td><td><span data-option="N7a11ua5BtkP">文字</span></td><td><ul><li>帶入影片標題文字</li><li>超過寬度往下斷行排列，超過15字，顯示「...」</li></ul></td></tr><tr><td>3</td><td>影片選擇按鈕</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li>帶入後台指定的影片內容，<br>最少1支，最多3支</li><li>影片選擇按鈕文字，最多15字</li><li>點選影片選擇按鈕，切換影片播放框內影片</li></ul></td></tr><tr><td>4</td><td>瞭解更多按鈕</td><td><span data-option="YKTXplgq198U">連結</span></td><td><ul><li>點選瞭解更多按鈕，前往3.2-賽事影音</li></ul></td></tr></tbody></table>
{% endtab %}

{% tab title="賽事階段 (5/17\~5/30)" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FKOiYvf96pTHRdEtcfxar%2FFrame%20627115.png?alt=media&amp;token=c5c13667-2553-41d2-a0c1-91729022f3be" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="87" data-type="number">NO</th><th width="138">項目</th><th width="107">屬性<select multiple><option value="YzycIK7wBCHZ" label="圖片" color="blue"></option><option value="N7a11ua5BtkP" label="文字" color="blue"></option><option value="YKTXplgq198U" label="連結" color="blue"></option><option value="UzmzxJq55SRe" label="功能操作" color="blue"></option></select></th><th>功能/規則說明</th></tr></thead><tbody><tr><td>1</td><td>分類選擇按鈕</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li>賽事階段期間，新增頁籤列，包含【宣傳影片】＆【精彩回顧】 2個分類頁籤</li><li>點選分類頁籤，可切換下方影片內容</li><li><p>影片分類內容：</p><ul><li>宣傳影片：放置賽事宣傳影片</li><li>精彩回顧：放置賽事精彩回顧影片＆賽事紀錄片</li></ul></li></ul></td></tr><tr><td>2</td><td>影片播放框</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li>嵌入Youtube影片，點選在框內播放影片</li></ul></td></tr><tr><td>3</td><td>影片標題文字</td><td><span data-option="N7a11ua5BtkP">文字</span></td><td><ul><li>帶入影片標題文字</li><li>超過寬度往下斷行排列，超過15字，顯示「...」</li></ul></td></tr><tr><td>4</td><td>影片選擇按鈕</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li>帶入後台指定的影片內容，<br>最少1支，最多3支</li><li>影片選擇按鈕文字，最多15字</li><li>點選影片選擇按鈕，切換影片播放框內影片</li></ul></td></tr><tr><td>5</td><td>瞭解更多按鈕</td><td><span data-option="YKTXplgq198U">連結</span></td><td><ul><li>點選瞭解更多按鈕，前往3.2-賽事影音</li></ul></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

### 連結設定

<table data-full-width="true"><thead><tr><th width="121">區塊</th><th width="256">連結圖片示意</th><th width="118">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option></select></th><th width="202">連結設定</th><th>備註</th></tr></thead><tbody><tr><td>影片播放區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FiELSN8GJMFzgd1FCWYPQ%2FPrimary.png?alt=media&amp;token=7f270574-ca25-4d64-8753-9fe22480ff82" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/video</td><td>前往3.2-賽事影音-宣傳影片頁籤</td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[1.0-首頁按鈕連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=593430938#gid=593430938)
{% endhint %}

***

### 修訂紀錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td></td><td></td><td></td><td></td></tr><tr><td>null</td><td></td><td></td><td></td><td></td></tr></tbody></table>