Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Преобразовать div в iframe (https://javascript.ru/forum/jquery/62147-preobrazovat-div-v-iframe.html)

venrom 26.03.2016 14:49

Преобразовать div в iframe
 
Добрый день всем.
Нужна помощь, нужно
<div class="video_container" id="тут цифры (например 75146)"></div>
преобразовать в
<iframe class="video_container" frameborder="0" allowfullscreen="1" width="100%" height="500" src="http://www.site.ru/redirect/download/video/md/75146.mp4"></iframe>

Deff 27.03.2016 14:53

<!DOCTYPE>

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){
   var frame_pattern = '<iframe class="video_container" frameborder="0" allowfullscreen="1" width="100%" height="500" src="http://www.site.ru/redirect/download/video/md/###.mp4"></iframe>';
   $('div.video_container[id]').each(function () {
     $(this).replaceWith(frame_pattern.replace('###',this.id));
    });
});
</script>

</head>
<body>
<div class="video_container" id="75146"></div>


</body>
</html>


Часовой пояс GMT +3, время: 12:03.