HTML的source标签动态改变路径

我们现在需要使用JQuery动态改变source标签的src路径:

$('.video_cover').click(function () {
	var getAttr = $(this).prev().children('source').attr('src');//获取到另外一个视频的路径
	var sourceDom = $("<source src=\"" + getAttr + "\">");//将刚才获取到的 getAttr 视频路径动态赋值给source
	$(".video_bg_white video").html(sourceDom);
	$('.video_bg_white video').trigger('play');
});

这样写看起来没啥问题,调试器里也能看到效果,但是,页面并没有渲染改变后的结果,还是之前的数据。
所以,我们现在给后面加一个 load();方法:

$(".video_bg_white video").html(sourceDom).load();

这次就可以在页面上就可以看到动态改变之后的视频效果了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值