如何动态更改多个video标签的src路径？比如src=a/x.mp4(x=1-10)

Posted 2023-03-31

我的视频是按1.mp4~10.mp4命名的，页面有10个video标签，我怎么批量把它们的路径动态地改为对应的视频？no jquery

参考技术A <script>
var videos = document.getElementsByTagName("video");
for(var i=0;i<videos.length;i++)
videos[i].src = (i+1)+".mp4";

</script>本回答被提问者采纳

动态更改embed标签src属性时不显示PDF

可能重复的JavaScript: Changing src-attribute of a embed-tag，但这不适用于jQueryMobile。

我有以下场景;我有一个页面应该根据查询字符串值（文档URL）查看多个文档（PDF文档）。

我正在使用以下代码从不同页面导航到查看器页面

$.mobile.changePage("Viewer.aspx?URL=" + documentURL;

这是我用来删除现有embed标签的代码，并将其重新插入src属性中嵌入的文档url。

$('div[id="pageViewer"]').live("pageshow", function() {
    var queryStringVals = $().SPServices.SPGetQueryString();
    var menuURL = queryStringVals["URL"];

    $("#menuViewer").attr("src", menuURL);
    var parent = $("#menuViewer").parent();
    $("#menuViewer").remove();
    parent.append("<embed id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");
});

此代码正常工作，插入了新的嵌入标记，但未加载pdf文档！ 此外，将页面事件更改为任何其他事件（即pageinit），在这种情况下，我无法捕获查询字符串值。

有什么建议？

答案

好吧，我可能不会使用<embed>而是使用<iframe>甚至是<object>标签来做你正在做的事情。

这是an article that shows this。

这是一个PDFObject that helps embedding PDFs，他们建议只需添加一个<object>标签，就像

parent.append("<object id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");

希望这些有帮助......