Question

因此，我制作了一个非常简单的Chrome扩展程序，专门用于循环播放部分YouTube视频。用户选择timeA和timeB，然后视频会循环播放这两次，直到用户输入为止。

在视频下方，我有一个进度条，应根据视频的当前时间或“百分比”填充红色。例如。 width = currentTime/duration*100+"%"。基本进度条。

有两个元素，灰色矩形（videoTimeLine）具有恒定宽度，然后是一个红色矩形（videoProgess），它是灰色矩形的子项，其宽度增长为{视频的{1}}会变长。

currentTime正在呈现，但videoTimeLine不是。即使我将它的宽度设置为50％，只是为了看它是否显示它仍然不会渲染。

这是我的CSS和JavaScript：

使用Javascript：

videoProgress

CSS：

function WhenVideoLoads()
{
    videoTimeLine = document.createElement("div");

    videoProgress = document.createElement("div");

    videoTimeLine.setAttribute("class", "videoTimeLine");

    videoProgress.setAttribute("class", "videoProgress");

    //....other stuff

    videoTitleBar.appendChild(videoTimeLine);

    videoTimeLine.appendChild(videoProgress);

    setInterval(function () {videoProgress.style.width = (((videoPlayer.currentTime/videoPlayer.duration)*100)+"%");}, 10);
}

非常感谢任何帮助。一直试图解决这个问题大约2天，并且已经用尽了我的耐心。

子div元素没有更新/显示？

0 个答案: