video=document.querySelector('video') video.currentTime = video.duration

这段代码是使用JavaScript来控制HTML页面中的视频元素。首先，`document.querySelector('video')`是用来获取页面中第一个`<video>`标签的元素。然后，`video.currentTime`表示当前视频的播放时间，而`video.duration`表示视频的总时长。通过将`video.currentTime`设置为`video.duration`，可以将视频的播放时间设置为视频的总时长，即将视频跳转到最后。

请注意，这段代码只能在包含视频元素的HTML页面中使用，并且需要确保视频已经加载完成才能正确设置播放时间。

相关问题

<video id="myVideo" src="myVideo.ogv"></video> <input type="button" value="播放/暂停"/></br> <script> var myVideo =document.querySelector("#myVideo"); var oBtn =document.querySelector("input") oBtn.onclick = function (){ if(myVideo.paused) myVideo.play(); else myVideo.pause(); } </script> 为上述代码增添一些新功能，并给出添加后的代码

以下是为上述代码增添新功能后的代码：

<video id="myVideo" src="myVideo.ogv"></video>
<input type="button" value="播放/暂停"/>
<input type="range" id="volumeBar" min="0" max="1" step="0.1" value="1"/>
<input type="range" id="seekBar" min="0" step="0.1"/>
<span id="currentTime">00:00</span>/<span id="duration">00:00</span>

<script>
var myVideo = document.querySelector("#myVideo");
var playBtn = document.querySelector("input[value='播放/暂停']");
var volumeBar = document.querySelector("#volumeBar");
var seekBar = document.querySelector("#seekBar");
var currentTime = document.querySelector("#currentTime");
var duration = document.querySelector("#duration");

// 播放/暂停视频
playBtn.onclick = function () {
    if (myVideo.paused) {
        myVideo.play();
        this.value = "暂停";
    } else {
        myVideo.pause();
        this.value = "播放";
    }
};

// 调节音量
volumeBar.oninput = function () {
    myVideo.volume = this.value;
};

// 调节进度条
seekBar.oninput = function () {
    myVideo.currentTime = this.value;
};

// 更新视频当前时间和总时长
myVideo.ontimeupdate = function () {
    var curTime = formatTime(myVideo.currentTime);
    var totalDuration = formatTime(myVideo.duration);
    currentTime.textContent = curTime;
    duration.textContent = totalDuration;
    seekBar.value = myVideo.currentTime;
};

// 格式化时间
function formatTime(time) {
    var minutes = Math.floor(time / 60);
    var seconds = Math.floor(time % 60);
    return (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);
}
</script>

代码中新增了调节音量、调节进度条、展示当前时间和总时长等功能，同时对代码进行了一些细节上的优化，比如添加了格式化时间函数，让时间显示更加友好。

html5+video手机样式修改,如何自定义video播放器样式？

要自定义 HTML5 video 播放器的样式，有两种方法：

1. 使用 CSS 样式修改视频播放器的外观

可以使用 CSS 来修改 HTML5 video 播放器的外观，例如修改播放器的颜色、大小、位置等。以下是一些常用的 CSS 样式：

/* 修改播放器的宽度和高度 */
video {
  width: 100%;
  height: auto;
}

/* 修改播放器的背景颜色和透明度 */
video {
  background-color: #000;
  opacity: 0.7;
}

/* 修改播放器的控件颜色 */
video::-webkit-media-controls {
  color: red;
}

/* 隐藏播放器的控件 */
video::-webkit-media-controls {
  display: none !important;
}

2. 使用 JavaScript 自定义视频播放器

如果想要更深度地自定义 HTML5 video 播放器，可以使用 JavaScript。通过 JavaScript 可以实现播放器的自定义控制条、自定义播放器皮肤、自定义播放器事件等。以下是一个简单的自定义播放器的示例代码：

const video = document.querySelector('video');
const playButton = document.querySelector('#play-button');
const progressBar = document.querySelector('#progress-bar');

playButton.addEventListener('click', () => {
  if (video.paused) {
    video.play();
  } else {
    video.pause();
  }
});

video.addEventListener('timeupdate', () => {
  const progress = (video.currentTime / video.duration) * 100;
  progressBar.style.width = `${progress}%`;
});

以上代码实现了一个播放器控制条和播放/暂停按钮。通过 JavaScript 代码监听播放器的时间更新事件，计算当前播放时间占总时间的百分比，然后更新进度条的宽度。这样就可以实现一个简单的自定义视频播放器。