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>

如何在Blogger中移动帖子正文之外的帖子iframe？

1 个答案: