fetch to page

post request to insert youtube embed

by Chris

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mootools/1.6.0/mootools-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mootools-more/1.6.0/mootools-more-compressed.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/script.js/2.5.9/script.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/request/2.88.2/index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cheerio/0.22.0/lib/index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cheerio/0.22.0/lib/index.js"></script>
<h3>HTML:</h3>
<p id="result"></p>

CSS

p {
  padding: 10px;
}

p {
  margin: 5px;
  border: 1px dotted #999;
}

JavaScript

fetch("/echo/html/", {
    method: "POST",
    headers: {
      "Content-Type": "application/x-www-form-urlencoded; charset=utf-8"
    },
    body: `html=<iframe width="1280" height="720" src="https://www.youtube.com/embed/zW9ibQbYJNE" title="Snippets and live expressions - DevTools Tips" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe><style>iframe{width:100%;} </style>`
  })
  .then((response) => response.text())
  .then((responseText) => {
    document.querySelector("#result").innerHTML = responseText
  })
  .catch((error) => {
    console.error(error)
  })