I am embedding youtube on my web app and I want to take a screenshot of specific timestamp programmatically by js.
So that I can store images of in the DB.
I tried html2canvas but it is not working out, please help.
Related
currently i am creating chrome extension (video donwloader) and I am willing to get the video path
http://<IP ADDRESS>/video.mp4 from webpage where video is. and also in some websites they are using iframes to display the video and i also need to get the video from that url of iframe, here is one scenario: website is using another website for the video for example: example.com has a video on link example.com/video/ID/312351 and video source on videos.example.com/id/31312/video.mp4 and secondexample.com is using example.com/video/ID/312351 url in iframe to get the video, and when i am on secondexample.com i also need to get the video source (videos.example.com/id/31312/video.mp4) from example.com, Is this possible? and how. Thank You!
I am using the youtube iframe api to embed newest uploaded videos from a youtube channel onto my webpage. I am successfully able to do this; however, I need to get the title of each video as well and display it within the html next to each video. So far, I cannot find a solution to do so.
This is my code to retrieve one video. I am using this method so that I can embed the videos within a carousel that I have made, with each embedded video fetching the next latest upload (a different index from the same playlist).
<iframe width="300" height="300" src="http://www.youtube.com/embed?autoplay=0&max-results=1&controls=0&showinfo=1&rel=0&listType=user_uploads&list=channelName&index=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
Can anyone provide me with some tips on how to obtain the title (and possibly other information related to the video such as a date)?
All help is greatly appreciated!
Thank You!
-TT
With the new YouTube API there's no way to do this using Javscript or jQuery. However, there seems to be solutions that use PHP:
Solution Using PHP
If you're not comfortable with PHP and/or you're not uploading a lot of YouTube Videos, I would suggest either hard-coding the titles into your HTML or creating a column(s) in your database for the relevant information.
I'm making a web app and a bookmarklets for my website so that user can directly bookmark any video in their browser through any youtube video posted on my website.
hi anyone can help me to solve this for youtube video bookmarklets
I want to keep only youtube video ID in following code
javascript:(function(){window.open('http://example.com/bookmarklets/bookmark?id='+encodeURIComponent(location.href)+'')})();
Result should be : http://example.com/bookmarklets/bookmark?id=LIQZ6CjpHUA
but when i test above code i found that it takes whole youtube URL instead of youtube video ID
Instead of above result i got this : **http://example.com/bookmarklets/bookmark?id=https://www.youtube.com/watch?v=IUeqywml0SU
but i want only this result : http://example.com/bookmarklets/bookmark?IUeqywml0SU
I found the answers by myself...
here are the code
When we'll use this bookmarklet
javascript:(function(){window.open('http://example.com/download/'+encodeURIComponent(document.title)+'?id='+encodeURIComponent(location.href.replace('https://www.youtube.com/watch?v=', ''))+'')})();
For this youtube video
https://www.youtube.com/watch?v=GhQGm9d4e8c
We'll get this final output from URL:
GhQGm9d4e8c
Thanks
I saw this link http://dev.w3.org/2009/dap/camera/ and I can upload video on my smartphone. But I need to show the video just after the user record.
It's exactly like the example 6 but with video, not image.
The project it's allow the user to record one or more video and use a framework like popcorn.js with own video, not youtube or other.
And the all without internet, in local webapp...
I'm a little lost ^^
Thank you !
Bit curios about the possibility to embed a custom HTML5 video player into Tumblr.
How it works now is basically that you put in an URL or embed code to Youtube or any other service and it'll load up the video and show it in the dashboard feed and on your blog.
I just checked with Vimeo, and in that case it seems like it fetches a vimeo iframe with the video (I guess it's their embed code) and inject it into the DOM when the play button is pressed.
Would it be possible to mimic this behaviour with a custom iframe of my own? Make Tumblr accept my own embed code (iframe based) that leads to a HTMl5 video and also serve up a preview image before the video is actually played.
So when I'd input for example, www.mydomain.com/video1 it would recognize it as a video and have it behave like any other video service out there.
Or would it otherwise be possible to do via their API?
Just to clarify: I would not want to use the Tumblr HTML5 video player, but a player of my own chosing.
The Tumblr dashboard will only play video previews for Video Posts. Anything embed in a caption or body will not get the preview treatment.
AFAIK, the only way to get a custom video to have a preview would be for Tumblr to work with your own platform / API. Tumblr pulls in the preview thumbs when you make the Video Post, if they support the platform.
There is a list of tested video platforms / providers here: Video Posts with Auto Thumbnail(Like in Facebook) in Tumblr.com
OK
So on this tumblr the 3 posts along the top are ones I have tried.
http://nativecitizenstest.tumblr.com/
First is a Video type post but simply passing the url to tumblr.
Second is a text post but passing custom embed html from vine (this included a script which I did not know would work).
Third is a text post with an iframe in that I hand coded.
I think metcalf seems to be flash video and I don't know if that is supported, but a little googling should tell us.