title: How Do I Move a Post iframe outside the Post Body in Blogger?
body: <p>I want to be able to take the first iframe used in my blog posts, and move it outside of the post body and into a div I created called #myvideos. I've seen blog templates like <a href="http://tubemag-themexpose.blogspot.com/2014/06/big-game.html" rel="nofollow noreferrer">this one</a> accomplish this, moving a video out of the post body. This is what I want to do with my own template: <a href="https://taylorduane.blogspot.com/2017/12/blog-post_58.html" rel="nofollow noreferrer">https://taylorduane.blogspot.com/2017/12/blog-post_58.html</a></p>
  
  <p>This is the JQuery:</p>
  
  <pre><code>&lt;script&gt;
  // &lt;![CDATA[
  $(function() {
  if($("#bigframe").length&gt;0) {
  
  var bigvideo = $("#bigframe").attr("src");
  var videotag = '&lt;iframe src="'+bigvideo+'" id="covervideo" frameborder="0"&gt;&lt;/iframe&gt;';
  $(videotag).appendTo("#myvideo");
  $("#bigframe").remove();
  }
  else {
  $("#myvideo,#post-right").remove();
  }
  
  });
  
  // ]]&gt;
  &lt;/script&gt;
  </code></pre>