视频跳转到 MVC 5 中的时间

本文将介绍如何在 MVC 5 中实现视频跳转功能。首先，我们需要在视图中添加一个视频播放器组件，然后使用 JavaScript 代码实现跳转功能。具体步骤如下：

在视图中添加视频播放器

我们可以使用 HTML5 的 video 标签添加视频播放器。以下是示例代码：

<video src="/Content/videos/video1.mp4" controls width="640" height="360"></video>

其中，src 属性指定视频文件路径，controls 属性显示播放器控件，width 和 height 属性指定播放器尺寸。

编写 JavaScript 代码实现跳转功能

我们可以使用 JavaScript 的 seekable 和 currentTime 属性实现跳转功能。以下是示例代码：

var video = document.getElementsByTagName('video')[0];
var seekBar = document.getElementById('seek-bar');
seekBar.addEventListener('change', function() {
    var time = video.duration * (seekBar.value / 100);
    video.currentTime = time;
});

其中，video 是视频播放器对象，seekBar 是用于跳转的滑动条控件。addEventListener 方法监听滑动条值的变化，通过计算视频总时长和滑动条值，计算要跳转的时间点，最后将 currentTime 属性设置为要跳转的时间点即可。

总结

通过上述步骤实现了视频跳转功能。我们可以根据自己的需求设置视频路径、尺寸和控件样式，以及调整 JavaScript 代码实现更灵活的跳转控制。