finds html5 video sources and display them in little popup. can be used as a bookmarklet!

_html5-video-find-bookmarklet.md

Create a new bookmark (CMD+D / CTRL+D) and add the code in "bookmark-link.txt" as link (better copyable in RAW-view):

Pure Vanilla JS. No jQuery!

Tested with newest chrome.

minified with http://javascript-minifier.com/
created bookmarklet with http://chriszarate.github.io/bookmarkleter/

bookmark-link.txt

javascript:void%20function(){var%20e=document.querySelectorAll(%22video%22),t=%22%22;Array.prototype.forEach.call(e,function(e){null!==e.getAttribute(%22src%22)%26%26(t+=e.getAttribute(%22src%22)+%22\n-------------------------\n%22);var%20n=e.querySelectorAll(%22source[src]%22);Array.prototype.forEach.call(n,function(e){null!==e.getAttribute(%22src%22)%26%26(t+=e.getAttribute(%22src%22)+%22\n-------------------------\n%22)})});var%20n=document.createElement(%22div%22);n.setAttribute(%22style%22,%22font-size:%2011px;%20font-family:%20Helvetica,%20Arial,%20sans-serif;%20line-height:%201;%20padding:%2010px;%20position:%20fixed;%20top:%2070px;%20right:%2010px;%20z-index:%2099999;%20background:%20%23fff;%20width:%20400px;%20height:%20200px;%20overflow:%20hidden;border:%201px%20solid%20%23ccc;%22),document.body.appendChild(n);var%20i=document.createElement(%22textarea%22);i.setAttribute(%22style%22,%22width:%20100%25;%20height:%20160px;font-size:%2011px;%20font-family:%20Helvetica,%20Arial,%20sans-serif;%20line-height:%201;%22),i.value=%22Found%20HTML5%20video%20sources:\n=====================================\n\n%22+t,n.appendChild(i);var%20r=document.createElement(%22button%22);r.innerHTML=%22Close%22,r.addEventListener(%22click%22,function(){n.remove()}),n.appendChild(r)}();

video-finder.js

var videos = document.querySelectorAll('video');
var result = '';

Array.prototype.forEach.call(videos, function(video, i) {
    // direct source
    if (video.getAttribute('src') !== null) {
        result += video.getAttribute('src') + '\n-------------------------\n';
    }

    // check multiple <source>-tags
    var sources = video.querySelectorAll('source[src]');
    Array.prototype.forEach.call(sources, function(source, j) {
        if (source.getAttribute('src') !== null) {
            result += source.getAttribute('src') + '\n-------------------------\n';
        }
    });
});

// create a popup and style it...
var popup = document.createElement("div");
popup.setAttribute('style', 'font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 1; padding: 10px; position: fixed; top: 70px; right: 10px; z-index: 99999; background: #fff; width: 400px; height: 200px; overflow: hidden;border: 1px solid #ccc;');
document.body.appendChild(popup);

// add links to textarea and add textarea to popup
var textarea = document.createElement("textarea");
textarea.setAttribute('style', 'width: 100%; height: 160px;font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 1;');
textarea.value = "Found HTML5 video sources:\n=====================================\n\n" + result;

popup.appendChild(textarea);

// add links to textarea and add textarea to popup
var closeBtn = document.createElement("button");
closeBtn.innerHTML = "Close";
// add option to close this...
closeBtn.addEventListener('click', function() {
    popup.remove();
})

popup.appendChild(closeBtn);