如何在 Blogger 中将 Post iframe 移到 Post 正文之外？

Question

我希望能够使用我的博客 post 中使用的第一个 iframe，并将其移出 post 正文并移入我创建的名为 # 的 div我的视频。我见过像 this one accomplish this, moving a video out of the post body. This is what I want to do with my own template: 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

先隐藏post正文中的第一个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>

如何在 Blogger 中将 Post iframe 移到 Post 正文之外？

How Do I Move a Post iframe outside the Post Body in Blogger?

css

iframe

jquery

blogger