Jquery 用于缩略图的基本视频src

经过大量挖掘，我能够为我的iFrame设置一个base src，一下子消除了对base target和base href的需要。我并没有因此受到赞扬，只是改变了一些现有的小提琴来满足我的需要

HTML



超自然第一季第1集
超自然第一季第二集
jQuery
$（'.vidlist a'）。单击（函数（）{
$（'iframe'）.attr（'src'，'https://openload.co/embed/'+$（this.attr（'vid'））；
返回false；
});
CSS
维达先生{
光标：指针；
颜色：蓝色；
边框：2件纯蓝；
填充：3倍；
利润率：15px；
边界半径：5px；
}

适用于链接，但不适用于设置视频和图像缩略图的基本路径。我使用b-lazy来延迟加载视频，它使用datasrc属性。我想通过设置视频的基本路径来缩短所有链接，希望在此过程中不要禁用b-lazy

这显然是行不通的

HTML

<div class="vidlist">
    <video data-src="movie.ogg"></video>
</div>

jQuery

$( document ).ready(function() {
    $('.vidlist video').attr('src', 'http://www.w3schools.com/html/' + $(this).attr('data-src'));
});

CSS

.vidlist video {
    width: 320px;
    height: 180px;
    border: 1px solid black;
}

HTML
jQuery
$（文档）.ready（函数（）{
$（'.vidlist video'）.attr（'src'，'http://www.w3schools.com/html/'+$（this.attr（'data-src'））；
});
CSS
.vidlist视频{
宽度：320px；
高度：180像素；
边框：1px纯黑；
}

作为web开发的新手，我常常不知道如何提出正确的问题。我做错了什么？我想做的事可行吗？如果没有，是否有允许延迟加载的解决方法？

Html

<div class="vidlist">
    <video data-src="movie.ogg">
    </video>
</div>

CSS。确保视频元素具有宽度和高度

video {
   width: 400px;
   height: 300px;
}

---

希望能有所帮助

谢谢hokusai。不幸的是，它无法工作，请尝试通过jquery添加源标记

$( document ).ready(function() {
  var targetSrc = 'http://www.w3schools.com/html/' + $('.vidlist video').data('src');
  $('.vidlist video').append('<source src="' + targetSrc + '" type="video/ogg">');
  $('.vidlist video')[0].play(); //Access to js api video object
});

video {
   width: 400px;
   height: 300px;
}