[JavaScript] 取得伊莉影片區的影片下載網址

這篇文章介紹取得伊莉影片區的影片下載網址的方法,不論是html5或是flash播放器的版本,可以自動判斷並取得網址,也提供程式碼可以加入瀏覽器的書籤列,讓你按一下就可以取得影片的下載網址。

伊莉影片區裡面有很多影片可以線上觀看,但是如果想要離線觀看,勢必要將影片下載到電腦中,可惜伊莉影片區就像其他提供線上觀看影片的網站一樣,並沒有提供影片下載,但是我們還是可以從網頁原始碼中找到影片的網址。

伊莉影片區提供兩種Flash播放器來播放影片,其中使用JW Player的時候可以很輕易地從網頁原始碼中找到影片的網址。取出的步驟如下: 
2017-12-03更正,目前有html5、flash兩種播放器可以選擇,這邊也提供個別取得的程式碼,以下是使用flash播放器的版本:

var strFla = document.getElementById("mediaplayer").innerHTML;
strFla = strFla.split('file=')[1];
strFla = strFla.split('&')[0];
strFla = unescape(strFla);

如果使用html5播放器,則是使用以下這段:

unescape(document.getElementById("mediaplayer").children[0].src)

另外我還弄成可以放在書籤或是直接在網址列執行的程式碼,進入要下載的影片網頁後,並執行下面這段程式碼,會自動判斷是html5或是flash播放器,影片的下載網址將會出現在網頁中:

javascript: (function(){var e=document.getElementById("mediaplayer");n=document.createElement("div");if(null==e)n.innerHTML="Error!!";else{var i="";i="OBJECT"==e.tagName?unescape(e.innerHTML.split("file=")[1].split("&")[0]):unescape(e.children[0].src);n.innerHTML='Download Link: <a href="'+i+'" target="_blank">'+i+"</a>"}n.style.cssText="position:fixed;top:10px;left:10px;background-color:#FFFFFF;border:#000000 2px solid;padding: 5px;z-index:999";document.body.appendChild(n)})();

或是將下載伊莉影片加入到書籤,要使用的時候點一下即可。

文章內容僅提供技術分享,如有錯誤還請不吝指教。