jquery - 如何在 Blogger 中将帖子 iframe 移到帖子正文之外？

Question

我希望能够使用我的博客帖子中使用的第一个 iframe，并将其移出帖子正文并放入我创建的名为 #myvideos 的 div 中。我见过像 this one 这样的博客模板完成此操作，将视频移出帖子正文。这就是我想用自己的模板做的:https://taylorduane.blogspot.com/2017/12/blog-post_58.html

这是 JQuery:

<script>
// <![CDATA[
$(function() {
if($("#bigframe").length>0) {

var bigvideo = $("#bigframe").attr("src");
var videotag = '<iframe src="'+bigvideo+'" id="covervideo" frameborder="0"></iframe>';
$(videotag).appendTo("#myvideo");
$("#bigframe").remove();
}
else {
$("#myvideo,#post-right").remove();
}

});

// ]]>
</script>

Answer 1

先隐藏帖子正文中的第一个iframe以防止它滑动然后移动它。

<style type="text/css">
	.post-body #bigframe { display:none; }
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="myvideo"></div>

<div class="post-body">
<iframe id="bigframe" frameborder="0" height="281" src="https://player.vimeo.com/video/14592941" width="500"></iframe>
</div>

<script type="text/javascript">
	$('#bigframe').appendTo('#myvideo');
</script>