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"> 
 
\t .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"> 
 
\t $('#bigframe').appendTo('#myvideo'); 
 
</script>