2014-11-21 42 views
0

如何正確顯示可以保存視頻或圖像文件的縮短的URL?該網址不包含擴展名,並且該網域可能具有不同的來源。我需要根據源類型使用視頻或圖像標記,以便瀏覽器正確顯示它。該解決方案可以使用JavaScript或標記。從縮短的URL顯示視頻或圖像

例:
[IMAGE] http://bit.ly/1uI7Ddj
[視頻] http://bit.ly/1vvkYJ1

我嘗試以下,但預期它不工作:

<video width="300" height="150" src="http://bit.ly/1uI7Ddj"> 
    <img width="300" height="150" src="http://bit.ly/1uI7Ddj" alt="Fallback if video is not playing" /> 
</video> 
+0

的[?確定在PHP中縮短的URL的最終目的地]可能重複(http://stackoverflow.com/questions/ 1319621/determine-final-destination-of-a-short-url-in-php) – skobaljic 2014-11-22 01:18:42

+0

@skobaljic,我爲HTML5和JavaScript添加了標籤。我沒有在PHP解決方案中談及。 – 2014-11-24 09:53:43

+0

我明白了,當我花半個小時來幫助你時,你甚至都沒有讀到答案。 – skobaljic 2014-11-25 20:47:37

回答

0

除非你自己的域是不可能的您想要縮短網址的位置。例如,要做到這一點,您需要擁有(或有權訪問)網站bit.ly。

bit.ly不託管您的視頻或圖像,它只在您點擊鏈接時將其重定向到真實的URL。

從bit.ly的源代碼可以在這裏找到對鉻:查看源代碼:HTTP://bit.ly/1uI7Ddj

你會看到你的形象是不是在代碼中。它只會重定向到包含圖像的頁面。

0

要獲得完整的網址bit.ly,您需要註冊開發者API和create an app,比您可以使用expand method

對於goo.gl短鏈接,用Google帳戶登錄並註冊到API,並使用expand method

你的情況

最好longurl.org API,它有一個簡單的方法來擴大網址。看看他們的expand-url documentation

一個例子請求他們的API:

GET http://api.longurl.org/v2/services&format=json 

既然你不想使用PHP,比你需要問JSONP格式是這樣的:

GET http://api.longurl.org/v2/services&format=json&callback=foo&user-agent=Application-Name%2F3.7 

所以,產品總數,您需要擴展url並獲得json的這種方式:

GET http://api.longurl.org/v2/expand?url=http%3A%2F%2Fbit.ly%2F1uI7Ddj&format=json&callback=foo&user-agent=Application-Name%2F3.7 

您得到的迴應:

foo({"long-url":"http:\/\/flark.it\/f\/i\/1884680242.WP_000008.jpg"}) 

類似與jsonpread more about jsonp

還有expandURL API,但我沒有看到他們提供JSONP響應。例如會有:

GET http://expandurl.appspot.com/expand?url=http%3A%2F%2Fbit.ly%2F1uI7Ddj 

,你會得到JSON響應:

{ 
    "status": "OK", 
    "end_url": "http://flark.it/f/i/1884680242.WP_000008.jpg", 
    "redirects": 1, 
    "urls": ["http://bit.ly/1uI7Ddj", 
    "http://flark.it/f/i/1884680242.WP_000008.jpg"], 
    "start_url": "http://bit.ly/1uI7Ddj" 
}