VTTCeu.getCueAsHTML()

VTTCeu.getCueAsHTML() - повертає DocumentFragment текстового рядка.

Синтаксис:

VTTCeu.getCueAsHTML();

Параметри:

VTTCeu - об'єкт VTTCeu.

Опис:

getCueAsHTML() метод об'єкта VTTCeu який повертає об'єкт DocumentFragment який містить елементи текстового рядка.

Так як VTT дозволяє вставляти HTML елементи в текстовий рядок метод getCueAsHTML() повертає ці елементи у вигляді об'єкта DocumentFragment.

Приклад:

var ceu=new VTTCue(1,2,'test');
var ob=ceu.getCueAsHTML();
alert( ob );

<video id="video" width="480">
<source src="/dani/test.mp4"></source>
<track id="track" src="/dani/test.vtt" kind="subtitles" label="test VTT" srclang="ua" default></track>
</video>

document.getElementById('track').onload=function(){ //завантажено текстові доріжки
	var video=document.getElementById('video');
	var trackList=video.textTracks;
	var textTrack=trackList[0]; //отримуємо першу текстову доріжку
	var ceu=textTrack.cues[0]; //отримуємо пеоший текстовий рядок (сигнал)
	ceu.text='<b>Привіт</b><i>!</i>';
	var frame=ceu.getCueAsHTML();
	alert( frame.querySelectorAll('*').length );
	video.play();
}