how to get youtube video title with javascript

how to get youtube video title with javascript
<script src="https://code.jquery.com/jquery-1.11.3.js"></script> <p id="demo"></p> <script type= "text/javascript"> var id = 'B7fVPFk3sEM'; var url = 'https://www.youtube.com/watch?v=' + id; $.getJSON('https://noembed.com/embed', {format: 'json', url: url}, function (data) { //alert(data.title);document.write(5 + 6); document.getElementById("demo").innerHTML = (data.title); }); </script>

Output:

https://www.youtube.com/watch?v=B7fVPFk3sEM