I have embedded youtube video in my website and timelines in text format. Is there a way to make my text timelines clickable for user to jump between timelines in embedded video, similar to how it's working in youtube?
Maybe this plugin for wordpress can help you :
https://wordpress.org/plugins/skip-to-timestamp/
Otherwise you can add ?start=[nbSeconds] to the embed url like so :
https://www.youtube.com/embed/bESGLojNYSo?start=50
and modify the player url with some javascript when clicking on the timeline link
Related
I am working on an application that displays a form to the user, the user inputs a video URL to be displayed on their profile. The video could be coming from any possible source like Youtube, Vimeo, etc. Right now I'm using an iframe on my view.
I want the users to be able to post their videos by pasting the video URL directly from their browsers. But on most sites the url required by the iframe is different than the one displayed on the browser. For example on youtube the url displayed on the browser is https://youtube.com/watch?v=id but the URL used for embedding the video ishttps://youtube.com/embed/id . Is there a way to solve this the fast way or do I have to use regular expressions to rewrite each URL?
I want to know that is there any option that i can apply my own video player on youtube video player using iframe or youtube api ?
you can embed youtube video without control controls=0 then wrapped it with your custom player and use it to control video using iframe api.
that's what I did on my jquery plugins, you can check it on github
https://github.com/qutek/FunkTube
I've been searching for this a lot but have not found exactly what I'm looking for.
So, I have a page (index.php) which displays my YouTube channel's uploaded videos as thumbnails, and either displays them inline above the thumbnails, or as links that redirect to Youtube. What I'd like to do, is to get the video's ID (which is in the a href link) and post it to another page (video.php) that shows the full embedded video (of the ID in question), with title & description. Is this possible to do?
My site is loosely based on this: http://www.yvoschaap.com/youtube.html and I've tried Youmax, but like said, they only play videos inline. I want to pass the ID of a clicked video as a parameter to the video.php page.
Sorry if this is confusing, but I'm still quite new to programming :)
You can look into Youtube Data API.
The main link you will need to retreive a list of all Videos for a channel will be somewhat like:
https://www.googleapis.com/youtube/v3/search?key={your_key_here}&channelId={channel_id_here}&part=snippet,id&order=date&maxResults={number_of_videos_you_want}
It will recieve it's response in JSON Format containing information like your Video ID which you can pass as Parameter to your video.php page
I am using the following code to share images on facebook but when the dialog box is shown it does not show the image and once it is uploaded facebook just shows a link to image.
<a name="share" type="button" href="https://www.facebook.com/sharer.php?u=www.example.com/myimage" target="_blank">share</a>
This should work like this
<a href="http://www.facebook.com/sharer.php?s=100&p[title]=Our Site Title&p[url]=http://us.oursite.com/default.aspx&p[images][0]=http://www.history.malc.eu/globe.jpg&p[summary]=Our facebook description that is used on the FB share page." target="_blank">
Share this
</a>
EXAMPLE
Use the Facebook debug tool to see how Facebook processes the URL you're sharing.
The Facebook scraper will look for OpenGraph meta tags. You can reference the image you want as a thumbnail with the og:image and og:image:secure_url
Alternatively, if you wanted to upload the image to Facebook so that it goes into the user's album, you should check out How-To: Use the Graph API to Upload Photos to a User's Profile
To be more clear, you should not be sharing a link directly to the image, but rather to a page which has OpenGraph meta tags, one of which should link to the image.
Facebook doesn't support sharing of plain images, only hyperlinks can be shared. Try posting the same image's link on your profile as status. Facebook won't show you any thumbnail for it but just the link. To share a image on facebook, you have to somehow upload it -_-
From the social plugins docs the share initiates a callback from Facebook to the page you want to share. To affect what that shows you would have a page with meta tags (og:image, og:title and og:description) to affect what Facebook puts in the comment on the users timeline.
To show the image, you'd probably need a hosting 'page' that uses a thumbnail of your image in its meta data so that it appears in the users timeline correctly.
Facebook then polls this periodically. This is very similar to the like mechanism.
Make sure you use dont click on share more than once, after that you cant see additional changed you made for next 24 hours
I'm creating a site with a lot of embedded Youtube videos, but it seems the video players take a while to load. Is there a way I could speed things up?
If this is not possible, then how do you embed just the thumbnails and load the videos when a user clicks on the thumbnail?
About your first question:
You cannot control the load speed because the videos are not hosted on your server but on Youtube's one.
About your second question:
You can check this address in order to find out how to extract the thumbnails from the youtube videos: http://www.reelseo.com/youtube-thumbnail-image/
After that you can load the youtube video on onclick using Ajax or simple redirect to a separate page where video is positioned.