Question

我有一个简单的HTML5视频播放器

<video width="100%" controls="controls">
    <source src="" type="" />
</video>

和页面上带有textarea的简单表单。我想做一些事情，以便让我的客户更容易提供有关我的视频的反馈：

如果用户在textarea中，当他们开始输入时，我想自动暂停视频并将当前时间码从视频插入到textarea中，然后当他们按Enter键进入新视频时恢复视频线。（如果可能，此功能应具有开/关按钮。）
我还希望在textarea上方有一个按钮，允许他们将视频当前时间码插入文本区域（在所有当前文本的末尾）。

这可能吗？

非常感谢您的任何帮助。

Answer 1

这个小提琴应该让你朝着正确的方向前进。 http://jsfiddle.net/3n1gm4/kLWL4/

JS：

(function() {
    var theText = document.getElementById('text1');
    var theVideo = document.getElementById('video1');
    theText.addEventListener('focus', function(e) {
        curTime = theVideo.currentTime;
        curSecs = Math.floor((curTime % 60));

        curTimeText = "\n" + Math.floor( curTime / 60 ) + ":" + ((curSecs < 10)?'0'+curSecs:curSecs);

        theText.value = theText.value + curTimeText;
    });
})();

HTML：

<video width="100%" controls id="video1">
  <source type="video/mp4" src="">
</video>
<textarea id="text1" cols="20" rows="10"></textarea>

在HTML 5视频和表单textarea之间传递信息

1 个答案: