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>