Javascript 如何用视频标签替换标签

我想用

如何使用jquery/javascript实现这一点？

像这样查看：

$(document).ready(function(){
   var $a = $("a");
   $("<video/>").attr("src", $a.attr("href")).after($a);   
   $a.remove();
});

$（文档）.ready（函数（）{
var$a=$（“a”）；
$a之后的$（“”）attr（“src”），$a.attr（“href”）；
$a.删除（）；
});

---

希望这有帮助。

或者我假设您希望在单击后替换a标记？ 注意：我将“video”标记替换为div，只是为了让您更容易看到更改

$(document).ready(function(){
    $('.toVideo').live('click', function(e){
        $(this).replaceWith('<div src="' + $(this).attr('href') + '">new video</div>');
        e.preventDefault();  
    })
})

$（文档）.ready（函数（）{
$（'.toVideo'）.live（'click'，函数（e）{
$（此）.replace为（'new video'）；
e、 预防默认值（）；
})
})

以下是一个例子：

或者，如果要替换所有标记，您可以：

$(document).ready(function(){
    $('.toVideo').each(function(){
        $(this).replaceWith('<div src="' + $(this).attr('href') + '">' + $(this).attr('href') + '</div>');
    })
})

$（文档）.ready（函数（）{
$（'.toVideo'）。每个（函数（）{
$（this.replacetwith（“”+$（this.attr（'href'）+“”）；
})
})

---

标记上没有src属性。现在修好了。感谢you@Edgar，我认为你的代码中还有另一个问题：如果有多个标签（使用不同的href），你的代码将生成相同的视频来替换它们。我不知道，但有人否决了所有答案，包括我的答案