在输入标签内显示持续时间而不是预标签

用户10810388

我正在尝试显示视频持续时间,我参考了这个答案Get video duration when input a video file by Kaiido. 这是代码:

<script>
          var myVideos = [];

          window.URL = window.URL || window.webkitURL;

          document.getElementById('fileUp').onchange = setFileInfo;

          function setFileInfo() {
            var files = this.files;
            myVideos.push(files[0]);
            var video = document.createElement('video');
            video.preload = 'metadata';

            video.onloadedmetadata = function() {
              window.URL.revokeObjectURL(video.src);
              var duration = video.duration;
              var duration = (new Date).clearTime()
                                .addSeconds(duration)
                                .toString('H:mm:ss');

              myVideos[myVideos.length - 1].duration = duration;
              updateInfos();
            }

            video.src = URL.createObjectURL(files[0]);;
          }


          function updateInfos() {
            var infos = document.getElementById('infos');
            infos.textContent = "";
            for (var i = 0; i < myVideos.length; i++) {
              infos.textContent += myVideos[i].duration + '\n';
            }
          }
</script>

但是,我想在标签中而不是在标签中插入值。

我尝试使用输入标签代替预标签,但没有用。

TJ克劳德

如果它适用于 apre而不适用于 an input,则您会遇到此问题的相反情况:您正在使用innerHTML(或innerTexttextContent等),而您应该使用value.

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章