我正在尝试显示视频持续时间,我参考了这个答案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>
但是,我想在标签中而不是在标签中插入值。
我尝试使用输入标签代替预标签,但没有用。
如果它适用于 apre
而不适用于 an input
,则您会遇到此问题的相反情况:您正在使用innerHTML
(或innerText
或textContent
等),而您应该使用value
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句