>如何為我的HTML5視頻創(chuàng)建動(dòng)態(tài)縮略圖？

<script> <ancript> <br> var Video = document.getElementById（ “ myVideo”）; <ance canvas = document.getElementById（“ canvas”）; <ancects = var context = canvas.getContext（“ 2d”）; <br><br><br><br><br><br> video.addeventlistener（addeventListener（ timeupdate”，function（）{ <br>context.drawimage（視頻，0，0，canvas.width， canvas.height）; <br>}）;</script>

在此示例中，每次觸發(fā)'timeupdate'事件時(shí)，在畫(huà)布上繪製了視頻中的幀，創(chuàng)建一個(gè)動(dòng)態(tài)的縮略圖。

>如何在我的HTML5視頻中添加多個(gè)字幕曲目？視頻，您可以在“視頻”標(biāo)籤中使用多個(gè)“軌道”元素。每個(gè)“軌道”元素指定不同的字幕文件。用戶可以從視頻播放器的界面中選擇要顯示的字幕軌道。這是一個(gè)如何做的示例：


在此示例中，'captions_en.vtt'和'catchions_fr.vtt'是分別包含英語(yǔ)字幕的文件。

>如何控制HTML5視頻的播放率？

慢速
speed up

<script> <ancive = var video = document.getElementById（“ myvideo”）;<br><br><br><br> function slowdown（）{<ancive> video.playbackrate- = 0.1; <br>} <br> <br> function速度（）{<br>video .playbackrate = 0.1; <br>} <br> </script>
在此示例中，單擊“慢速”按鈕將播放率降低了0.1，然後單擊“加速”按鈕將播放率提高了0.1。

>如何循環(huán)我的html5視頻？

>循環(huán)您的html5視頻，您可以在“視頻”標(biāo)籤中使用“循環(huán)”屬性。 “循環(huán)”屬性是一個(gè)布爾屬性。在場(chǎng)時(shí)，它指定視頻每次完成時(shí)都會(huì)重新開(kāi)始。這是一個(gè)如何使用它的示例：


在此示例中，視頻將無(wú)限期地循環(huán)。

我如何靜音我的html5視頻？

要使您的HTML5視頻靜音，您可以在“視頻”標(biāo)籤中使用“靜音”屬性。 “靜音”屬性是布爾屬性。在場(chǎng)時(shí)，它指定視頻的音頻輸出應(yīng)被靜音。這是一個(gè)如何使用它的示例：


在此示例中，視頻將開(kāi)始使用音頻播放。
>

tound town
turn up

<script> <br> var video = document.getElementById（“ myvideo”）;<br><br><br><br> function turndown（）{<br> if（video.volume> 0.1 ）{<br>video.volume- = 0.1; <br>} <br> } <br> <br> <br> function turnup（）{<br>>如果（video.volume <1.0）{<br>video.volume = 0.1; <br>} <br>} </script>

>要顯示HTML5視頻的控件，您可以在“視頻”標(biāo)籤中使用“控件”屬性。 “控件”屬性是一個(gè)布爾屬性。在場(chǎng)時(shí)，它指定應(yīng)顯示視頻控件。這些控件包括遊戲/暫停，音量和全屏。這是一個(gè)如何使用它的示例：

在此示例中，視頻將使用控件顯示。
>