テキストを追加する代わりに、javascript を使用してテキストを置き換えます。ここで、Javascript の代わりに Jquery を使用し、テキストを置き換える代わりに追加したいと思います。どうやってそれをするのですか?document.getElementById("frame").srcdoc = トランスクリプト; テキストを配置してiframeに置き換える場所です。
ここに私のJavaScriptコード、
var text = "", transcript = "", cap = "", text2 = "", cap2 = "", cap3 = "", cap4 = "";
for(var i = 0; i < subtitleArray.length; i++)
{
var cueLineStart1 = parseFloat(subtitleArray[i][0]);
var cueLineStart2 = parseFloat(subtitleArray[i+1][0]);
var cueLineStart3 = parseFloat(subtitleArray[i+2][0]);
var cueLineStart4 = parseFloat(subtitleArray[i+3][0]);
var cueEnd4 = cueLineStart4 + parseFloat(subtitleArray[i+3][1]);
cap = subtitleArray[i][2];
cap2 = subtitleArray[i+1][2];
cap3 = subtitleArray[i+2][2];
cap4 = subtitleArray[i+3][2];
i+=3;
if (video.currentTime >= cueLineStart1 && video.currentTime <= cueEnd4)
{
transcript = cap + " " + cap2 + " " + cap3 + " " + cap4;
}
$("#subtitle").html(text);
document.getElementById("frame").srcdoc = transcript;
}
HTML5 iframe コード、
<div class="frame">
<iframe id ="frame" srcdoc="<p></p>" width="930"></iframe>
</div>