Blob Converter

by Pranab Dey

HTML

<input type="text">
<button class="create">Create</button>
<div class="video"></div>
<!-- <video src="https://vimeo.com/205324797" controls></video>
<video src="https://vimeo.com/video/205324797" controls></video> -->

JavaScript

var input = document.querySelector("input[type=text]"),
  create = document.querySelector(".create"),
  vid = document.querySelector(".video");
/* video = document.querySelector("video");
var blb = new Blob([video.src],{type: "video/mp4"});
var res = URL.createObjectURL(blb);
video.src = res; */
//blob:https://vimeo.com/0ded64bf-7fc5-4103-a6d1-ede5d5bddf6a

create.addEventListener("click", () => {
  var id = input.value.split("/")[3];
  fetch("https://vimeo.com/api/v2/video/205324797.json")
    .then(data => data.json())
    .then(data => data.map(data => {
    	var img = data.thumbnail_large.split('_')[0];
      vid.innerHTML = `<p>${data.description}</p>`;
      vid.insertAdjacentHTML('beforeend', `<img src="${img}.jpg" width="480px"/>`);
      vid.insertAdjacentHTML('beforeend', `<iframe src="https://player.vimeo.com/video/${data.id}" allowfullscreen></iframe>`);
      var url = 'blob:https://player.vimeo.com/ac9f5359-86f9-4138-a45e-aa834fb80b89';
      /* var f = new Blob([url],{
        type: "video/mp4"
      });
      vid.insertAdjacentHTML('beforeend', `<video src="${URL.createObjectURL(f)}" controls></video>`); */
      var f = new FileReader();
      f.onload = function(){
      	console.log(f.result);
      }
      console.log(f.readAsText(url));
    }))
})