jquery怎么获取video标签的src,然后改变它?

比如:
<video controls="controls" poster="/flash/c.jpg" preload="none" src="/flash/a9.mp4 ></video>
我现在想把src的网址改为www.a.com/flash/a9.mp4,
flash/a9.mp4这个地址不是固定的。
我是先获取地址var dizhi = $("video").attr("src");想把这个变量和www.a.com再组合添加到地址上,不知道怎么操作。

已找到方法,如下:

var dizhi = $("video").attr("src");
   $("video").attr("src","http://www.a.com" + dizhi);
var slt = $("video").attr("poster");
   $("video").attr("poster","http://www.a.com" + slt);

阅读 7.6k
2 个回答

给video加id

<video id = "v1" controls="controls" poster="/flash/c.jpg" preload="none" src="/flash/a9.mp4" ></video>
<video id = "v2" controls="controls" poster="/flash/c.jpg" preload="none" src="/flash/a9.mp4" ></video>
var dizhi = $("#v1").attr("src");
   $("#v1").attr("src","http://www.a.com" + dizhi);
var slt = $("#v1").attr("poster");
   $("#v1").attr("poster","http://www.a.com" + slt);

这样v1的src改变不会影响v2
如果是给每个视频加前缀 建议循环


猜测你的意思是

    <video
      controls="controls"
      poster="/flash/c.jpg"
      preload="none"
      src="/flash/a1.mp4"
      id="v1"
    ></video>
    <video
      controls="controls"
      poster="/flash/c.jpg"
      preload="none"
      src="/flash/a2.mp4"
    ></video>
    <video
      controls="controls"
      poster="/flash/c.jpg"
      preload="none"
      src="/flash/a3.mp4"
    ></video>
  <script>
    $("video").each(function() {
      $(this).attr("src", "http://www.a.com" + $(this).attr("src"));
    });
  </script>

这样可以为每个video的src添加前缀
demo

这样会有个问题,一个页面有多个video的时候,会导致全部的video src应用一个地址,这个问题该怎么避免?
$(".nrcss video").each(function(){
$(this).attr('id',"video"+$(this).index());
})
$(".nrcss img").each(function(){
$(this).attr('id',"img"+$(this).index());
})

var dizhi = $("#video0").attr("src");
   $("#video0").attr("src","https://www.dmluqiao.com" + dizhi);
   var dizhi1 = $("#video1").attr("src");
   $("#video1").attr("src","https://www.dmluqiao.com" + dizhi1);
   var dizhi2 = $("#video2").attr("src");
   $("#video2").attr("src","https://www.dmluqiao.com" + dizhi2);
   var dizhi3 = $("#video3").attr("src");
   $("#video3").attr("src","https://www.dmluqiao.com" + dizhi3);
var tupian = $("#img0").attr("src");
   $("#img0").attr("src","https://www.dmluqiao.com" + tupian);
   var tupian1 = $("#img1").attr("src");
   $("#img1").attr("src","https://www.dmluqiao.com" + tupian1);
   var tupian2 = $("#img2").attr("src");
   $("#img2").attr("src","https://www.dmluqiao.com" + tupian2);
   var tupian3 = $("#img3").attr("src");
   $("#img3").attr("src","https://www.dmluqiao.com" + tupian3);
   var tupian4 = $("#img4").attr("src");
   $("#img4").attr("src","https://www.dmluqiao.com" + tupian4);
   var tupian5 = $("#img5").attr("src");
   $("#img5").attr("src","https://www.dmluqiao.com" + tupian5);
   var tupian6 = $("#img6").attr("src");
   $("#img6").attr("src","https://www.dmluqiao.com" + tupian6);
   var tupian7 = $("#img7").attr("src");
   $("#img7").attr("src","https://www.dmluqiao.com" + tupian7);
   var tupian8 = $("#img8").attr("src");
   $("#img8").attr("src","https://www.dmluqiao.com" + tupian8);
   var tupian9 = $("#img9").attr("src");
   $("#img9").attr("src","https://www.dmluqiao.com" + tupian9);
   var tupian10 = $("#img10").attr("src");
   $("#img10").attr("src","https://www.dmluqiao.com" + tupian10);
   var tupian11 = $("#img11").attr("src");
   这种笨方法也不好用
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题