Question

我想通过点击网站上的其他视频缩略图来更改视频来源。我不想离开网站并与每个视频去另一个网站，我想留在一个网站上，并能够在那里观看所有视频。我是这样尝试的（带引导程序）：

<video id="mainvideo" width="640" height="360" controls>
    <source id="vidsrc" src="" type="video/mp4">
</video>

<div onclick="mainVideoFrame()" class="clip-wrap">
    <a class="clip">
        <div class="poster-image">
            <img onclick="mainVideoFrame()" class="lazy" src="assets/img/transparent.gif" data-original="assets/videos/thumb.jpg">
        </div>
        <span onclick="mainVideoFrame()" class="clip-title">Title here</span>
        <i class="icon-large"></i>
        <span class="client">...</span>
        <span class="clearfix"></span>
    </a>
</div>

<script type="text/javascript">
    function mainVideoFrame() {
        document.getElementById("vidsrc").src = "assets/videos/video.mp4";
    }
</script>

我希望有人在这里得到解决方案：）

Answer 1

使用onclick span onclick =“mainVideoFrame（this.className）在类中传递。然后在函数中将它带入mainVideoFrame（videoid），然后使用它决定要显示哪个视频

我想用js更改html5视频的视频源

1 个答案: