I am using "video.js" based HTML5 tag to display video on my browser.But It can not grab the first frame of the video and show as thumbnail of video before the start up.So can anyone suggest me how can i get image automatically without use of "poster" tag in the video tag and pass the thumbnail path in the argument.Is it necessary to generate thumbnail of the video to show it?
thanks in advance..and please provide you valuable suggestions
As far as I know, VideoJS does not automatically extract a poster image. However, Dynamically using the first frame as poster in HTML5 video? shows you, how this can easily be acieved using Popcorn.js.
Related
I need to get image thumbnail from video url. PHP or JQUERY
http://example.com/video/847363.mp4 im using html5 player but i want show the thumbnail.
if i give a video url it will turn to image. like cloudinary
http://res.cloudinary.com/demo/video/upload/w_300,h_300,c_fill,r_max,e_sharpen,so_15p/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north/funny_dog.jpg
Is there a jQuery plugin that could generate video preview thumbnails even before user uploads it? I notice that Facebook could do so but do not know any plugin that has the same functionality.
Try uploading a video on facebook, notice that even before you publish it or the progress bar is still in progress, preview images of the video are available already.
I tried searching the net and most answers pertain to installing ffmpeg having this as a reference.
I haven't tried it yet but looking into it, it seems that the video should be uploaded first before it could generate a thumbnail. But I what I want is a preview of the thumbnail to be generate BEFORE the video is uploaded (similar to facebook).
This is so that I have the transaction to select a video and generate a preview thumbnail at the same time even before the video is published on the server. Once I hit the "publish" button, it will upload the video to the server, upload/save generated preview thumbnail, save info to database at the same time.
I don't think you have to download a video and make its thumbnail. You can make a request via Facebook API to get it. You just have to precise that you want the attribute "picture" in the result; this attribute contains the path of the thumbnail of the video. You will find more explanation by following this link: https://developers.facebook.com/docs/graph-api/reference/v2.1/video/
I have googled for image format that supports audio also. I came to know that gif won't support audio.We need to do it in flash. Is there any image format which holds audio also?
We can show image with audio in web page with little work around using audio and image tag in html5.
But we need to implement this in PHP(Forget about language now) to combine audio with Image and share to facebook ? Is this possible?
Upload to e.g soundcloud with image, that will give desired result, but its an audio file with image not vice versa, which is not possible.
I have a WordPress site in which I am inserting video embed code in the post editor. In the front end I need to show the video Thumbnail on click on them it will show the video in lightbox.
The requirement is that, I need to show the video thumbnail of the videos I have given in the editor.
I will use YouTube and vimeo embed code and if it is other video then I will show post thumbnail, or a default image.
I will use one video embed code per posts.
Thanks in advance.
Using Youtube API
http://img.youtube.com/vi/VIDEO_ID/#.jpg
where,
VIDEO_ID = bQVoAWSP7k4
# = 1,2, or 3
Using Vimeo API
Making Video Request
http://vimeo.com/api/v2/video/video_id.output
where,
video_id : The ID of the video you want information for.
output : Specify the output type. It currently offer JSON, PHP, and XML formats.
php code for vimeo:
$imgid = 6825415;
$image = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));
echo $image[0]['thumbnail_medium'];
Thumbnails you can load from video url.
VIDEO URL
http://www.youtube.com/watch?v=Xzf0rvQa4Mc
THUMBNAIL URL
http://i1.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i2.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i3.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
http://i4.ytimg.com/vi/Xzf0rvQa4Mc/default.jpg
It takes some time to replicate images to all thumbnails urls (maybe servers) for new videos.
If there is no thumbnail, it returns image with camera (exactly 893 bytes length).
EXAMPLE
http://i4.ytimg.com/vi/Xzf0rvQa4Md/default.jpg
if you want to get yout tube video id like this
better with this
regexp (youtube\.com\/(watch\?v=)?(v\/)?([\w\-]+))
it can handle both urls (with /v/ and with watch?v=)
preg_match('/youtube\.com\/v\/([\w\-]+)/', $code, $match);
echo $match[3];
If you would like to use thumbnail through pure js/jquery no api, you can use this tool to capture a frame from the video and voila!
http://video.depone.eu/
Try this Plugin which simplifies the process of automatically displaying video thumbnails in your WordPress template.
I am developing a website in PHP and I am implementing facebook sharing. I am able to select the correct image using link tag like the following (a start tag in before link)
link rel="image_src" href="http://www.code-digital.co.uk/preview.jpg" />
But Is there a way to customize the image thumbnail size? I want to show a bigger image. Please help.
since you are using php you can select the right image with right size for you,save it to a file on your server with php, then use it as thumbnail.