Javascript 在HTML5视频和表单文本区域之间传递信息

Javascript 在HTML5视频和表单文本区域之间传递信息,javascript,forms,video,Javascript,Forms,Video,我有一个简单的HTML5视频播放器 <video width="100%" controls="controls"> <source src="" type="" /> </video> 还有一个简单的表单,页面上有textarea。为了让我的客户更容易对我的视频提供反馈,我想做几件事: 如果用户在文本区域,当他们开始键入时,我希望自动暂停视频并将视频中的当前时间代码插入文本区域,然后在他们按enter键输入新行时恢复视频。(如果可能,此功能应

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

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

还有一个简单的表单,页面上有textarea。为了让我的客户更容易对我的视频提供反馈,我想做几件事:

  • 如果用户在文本区域,当他们开始键入时,我希望自动暂停视频并将视频中的当前时间代码插入文本区域,然后在他们按enter键输入新行时恢复视频。(如果可能,此功能应具有开/关按钮。)

  • 我还想在文本区域上方有一个按钮,允许他们将视频当前时间代码插入文本区域(在所有当前文本的末尾)

这可能吗


非常感谢您的帮助。

这把小提琴会让您朝着正确的方向前进。

JS:

(函数(){
var theText=document.getElementById('text1');
var theVideo=document.getElementById('video1');
addEventListener('focus',函数(e){
curTime=视频.currentTime;
curSecs=数学地板((curTime%60));
curTimeText=“\n”+数学楼层(curTime/60)+:“+((curSecs<10)?'0'+curSecs:curSecs);
text.value=text.value+curTimeText;
});
})();
HTML:

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

这很有趣-感谢您抽出时间。如果您能提供任何进一步的代码来完成该功能,我将不胜感激,因为我对JavaScript几乎没有经验。再次感谢你。
<video width="100%" controls id="video1">
  <source type="video/mp4" src="">
</video>
<textarea id="text1" cols="20" rows="10"></textarea>