单击更改某些视频源

Change certain video source on click

本文关键字：视频 单击      更新时间：2023-09-26

我想知道如何在我的视频标签中将以下两个源中的一个仅更改为webm，另一个更改为.mp4：

HTML:

    <video controls="controls" preload="auto" id="video" onclick="this.play();">
        <source src="fragmenten/real_schade.mp4" type="video/mp4"> </source>
        <source src="fragmenten/real_schade.webm" type="video/webm"> </source>
            Your browser doesn't support the video element.
    </video>

JQuery:

var bvideo = document.getElementById('background');
$("#car").on('click', function(){
    bvideo.pause();
    showPlaceHolder();
    showVID();
    $("#video").attr("src","fragmenten/real_schade2.mp4");
    $('#video').attr("autoplay", "autoplay");
});

这只会直接在标签中插入一个源，我如何将视频标签中的两个源更改为.mp4和.webm，而不将两个源都更改为一个源/将视频src插入标签

如果你想在不更改文件扩展名的情况下替换所有源dynamiccall，你可以这样做：

$(document).ready(function () {
    changeVideoTo("fragmenten/real_schade2");
});
function changeVideoTo(name) {
    $("#video source").each(function () {
        var oldSource = $(this).attr("src");
        var fileExtension = oldSource.split(".")[1]
        $(this).attr("src", name + "." + fileExtension);
    });
}

小提琴：http://jsfiddle.net/beznbxqc/2/

$("#video source:nth-of-type(1)").attr('src', videoFile);
$("#video video")[0].load()

试试这个：

尝试使用此代码更改第一个源：

$("#video source:first-of-type").attr("src","first/source.mp4");

这改变了第二个来源：

$("#video source:last-of-type").attr("src","first/source.webm");

我希望它能起作用：D

相关文章：