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

I want to change the video source of a html5 Video with js

本文关键字：一个 html5 视频 的视频 js      更新时间：2023-09-26

我想通过点击网站上的不同视频缩略图来更改视频的来源。我不想离开这个网站，每个视频都去另一个网站，我想呆在一个网站上，能够在那里观看所有视频。我试过（用引导程序）：

<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>

我希望这里有人能找到一个解决方案：）

用onclick span onclick="mainVideoFrame（this.className

相关文章：