Embed latest youtube upload on webpage - html

I have tried finding documentation on how to do this but I just couldn't find any, all the ways I tried where all using or the old api or just displayed nothing, the ideal format that I wanted is using this generator: http://www.yvoschaap.com/youtube.html I got this working on the site but when I copied the code to my own site (running wordpress, I also tried it just in a blank file). Please help!

Instead of using that code, use the official Google's Youtube Data API to integration youtube lists into your website.
Link to Youtube Data API search lists: https://developers.google.com/youtube/v3/docs/search/list#http-request

Related

Loading JSON Feeds in Jquery Mobile and Phonegap app

I am new to jquery mobile and dont know much about working with its events and functions.
I am currently developing a phonegap app using jquery mobile.I went through many online tutorials to get started.In my jquery mobile app I have a RSS feed reader that loads my blog posts into the div showing a preloader first.
Now, I somewhere found a tutorial of loading JSON feeds instead of RSS.
But the problem with it is that it loads the posts without showing a mobile loader.I mean if i compile that app for android the user has to wait for a long without knowing whats going on.
I tried the Jquery mobile preloader like in my RSS app.But it still first calls the JSON script and then shows the preloader.
I want to make the JSON one work like the RSS reader which shows a script loader till the posts load.But when i try to do so the JSON feeds do not load. :(
Here is the demo of both the apps.
RSS:
http://silverjewelbox.in/rss
JSON:
http://silverjewelbox.in/mobile
If any one knows actually how to figure that out.I can also provide the code for the needed modifications.
Thank you,
You don't want to use Google for a JSONP server because Google caches the searches. Create your own JSONP RSS Feeds Server. See this article on CodeProject with full source code for creating RSS JSONP Feeds for PhoneGap Cordova Mobile Apps: http://www.codeproject.com/Articles/788762/PhoneGap-Cordova-JSONP-RSS-Feeds

Google Charts Trendline: can I draw it in URL

I am using google charts to describe the datas. And I would like to show it in URL, which will be much easier to be added to a web page.
However, the official tutorial just tells me how to do it in HTML. So can I do it in URL (showing an image)? Thanks.

Get youtube video url form webpage source

Is it possible to get the download URL of currently playing video from source of YouTube webpage?Thanks in advance.Please help me.
Actually I have a downloader but it is not working now.When I have tried with the URL provided by the downloader in browser it returns an error page says "Access to the webpage was denied".The Url that I got for a video is as
" http://r14---sn-h557snel.c.youtube.com/videoplayback?gcr=in&ip=121.241.181.70&upn=OOcjKEO_S6I&cp=U0hUTFZQT19KU0NONF9OSlNGOmFRT2JSUUs2bDVi&ipbits=8&fexp=900148,920704,912806,928001,922403,922405,929901,913605,929104,913546,913556,908496,920201,913302,919009,911116,901451,902556&ms=au&mt=1357625350&mv=m&id=31a79fcdbfc6c2f6&sparams=cp,gcr,id,ip,ipbits,itag,ratebypass,source,upn,expire&expire=1357651559&itag=18&key=yt1&newshard=yes&source=youtube&ratebypass=yes&sver=3"
Few months before the format of URL was
" http://o-o---preferred---sn-h557snes---v24---lscache3.c.youtube.com/videoplayback?upn=AmmxhSpq470&sparams=cp,gcr,id,ip,ipbits,itag,ratebypass,source,upn,expire&fexp=917013,906437,916626,922401,920704,912806,927201,925706,922403,913546,913556,916805,920201,901451&ms=au&expire=1353668177&itag=18&ipbits=8&gcr=in&sver=3&ratebypass=yes&mt=1353646087&ip=121.241.181.70&mv=m&source=youtube&key=yt1&cp=U0hUSFZRVl9MUUNONF9OS1pCOmhtUTVMak5oTVNy&id=c429fa5466ee9447&newshard=yes "
So I don't know whether the downloader gives the correct URL. Please help me
Sorry I looked around and I couldn't find a way to directly download the source file from the youtube link. There are some guides out there but they all are around 2009; and since youtube changes their code a lot currently none of them work.
Although there are many websites, addons, apps that allow you to download videos; but I do not think they work from a code from the link. Since to watch a video you have to temporarily download it I think they all use a method of opening the page, playing(downloading) the video and actually saving it. I would list those websites and addons but since those sources are not that hard to find; I assume you are trying to build your own downloader and not use one that is already out there.
Also on another note if you could somehow get a link to a videos source file. I am sure youtube has permissions blocked access on all folders and files on their backend for security measures; only allowing those files to be forwarded and displayed on the actual player page. And if you think embedded videos would somehow work they still just make a request to youtube which youtube then gives back video-feed-data so there still is no direct connection to the file.
You should use the player API https://developers.google.com/youtube/js_api_reference#Retrieving_video_information
player.getVideoUrl():String
Returns the YouTube.com URL for the currently loaded/playing video.
I have written a simple python code that can fetch youtube href from html code.
hope it can help you:
#!/usr/bin/env python
import re
pattern = '.*<(iframe|param).*(src|value)="(?P<link>http://www.youtube.com/(embed|v)/[a-zA-Z0-9/\.\?&;=\+_-]+);?.*".*>.*</(iframe|param)>.*'
action = re.compile(pattern)
result = action.findall('<div><iframe.....></iframe><param......></param></div>')
print result
https://gist.github.com/Mortezaipo/5707738

Documentation for getting Facebook feed stream on website?

Trying to integrate a Facebook page stream into an element for a website?
The Facebook Like Box has a "show stream" option that displays this data.
Be aware, it is against Facebook's policy to exactly copy any of it's features and use on your own site (as if emulating Facebook).
With that said, you need to grab this information manually using either the Graph API or FQL. There is no social plugin that can do this automatically.
You can check out the Graph API documentation here: https://developers.facebook.com/docs/reference/api/
You can test out some Graph API calls here:
https://developers.facebook.com/tools/explorer/
You can learn more about FQL here:
https://developers.facebook.com/docs/reference/fql/

Chrome Extensions

I'm starting the development of chrome extensions, i have read few tutorials but i still have few questions, like;
1) How to get the text of the page Like i want to in skype or google talk extesnion the number on any webpage are converted to PHONE LINK how can i do this?
2) How to perform authentication using the plugin like the google plus (gmail) checker, I want to do this for another website not gmail, i want to do this for me custom website.
Thanks
1) There are a number of ways to ways to find text on pages. Here is an example with jQuery.
2) Google has a tutorial for using OAuth from an extension. This should work with most OAuth providers. You can also use cookies or Basic Auth if you want something simpler.