w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Video JS - poster image cover/contain
As you've specified the poster as an attribute on the video element, you actually end up with two poster images - one in the video element itself, and another which video.js creates as a div overlaying the video element. Your CSS applies to the .vjs-poster div only. When you play the video, the video.js poster div is hidden and you briefly see the video element's own differently scaled poster. If instead of using the poster attribute you specify it as an option in data-setup instead, the video element itself won't create a poster image but you'll still have the stylable video.js poster div. <video id="showcase" class="video-js vjs-default-skin" controls="controls" preload="none" width="500" height="250" data-setup='{"poster":"http://jamhouse.com.au/media/video/orchlapse.jpg"}'>

Categories : CSS

How To Add Event Listener To HTML5 Video Poster Image Load Event
Like this: var poster = $( 'video' ).prop( 'poster' ); if ( poster ) { var image = new Image(); image.onload = function () { alert( 'load' ); }; image.src = poster; }

Categories : Javascript

HTML5 Video - On Hover / Off Hover return to poster image?
Try this (you'll need to include jQuery) function hideVideo(e) { if(e.target == vid) { vid.pause(); var poster = $(vid).attr("poster"); $(vid).attr("poster", ""); $(vid).attr("poster", poster); } }

Categories : HTML

Why Safari on iOS is not showing my HTML5 video poster?
I see the question keeps getting upvoted once in a while, though there's no answer. So here's what I ended up doing: On iOS, instead of showing the video player (even with autoload=false), I will just show the poster and a play button, two standalone <img> tags. When they get clicked, I create the video player from javascript and tell it to play. Works fine, users don't see much difference.

Categories : IOS

Using theMovieDB to display Image Poster with PHP
It seems you need to do an additional request to /3/configuration in order to get some extra info. The parameter you are looking for is base_url which you can use to construct the urls. Read more here: http://docs.themoviedb.apiary.io/#get-%2F3%2Fconfiguration You may be wondering why is that required. According to their site, they did it so they can keep their API light, and it seems the base_url rarely changes (see https://www.themoviedb.org/talk/515a72d0760ee3615a0b5256 for more) So, you could do that request only once every X time (like once a day for instance) and then use the base_url I get there in all the subsequent requests I may need to do. EDIT: Sigh, I thought you had problems only for not having the base_url, not with getting the data from the json. Anyway, just repl

Categories : PHP

upload video clips display video thumb images not working? php
In my opinion you are using wrong thumbnail dimensions. Please echo <?php echo $th_width ." ".$th_height; //check their values what are you getting //before to call following function $im_new = imagecreate($th_width,$th_height); ?>

Categories : PHP

How to put an embedded youtube video over the top of an image (as a frame around the video)
You can use CSS to apply a margin or padding to the Youtube video HTML element (probably an iframe tag if you are embedding it) So, your CSS may look something like this, depending on your HTML structure: iframe { margin-top: 10px; } You'll need to play around with the value of margin-top to make it align the way you like. If you post the relevant HTML, I could give you specific CSS to use.

Categories : HTML

opencv displaying an image over a video frame (with chessboard) - rotation of the image
As I see it, there are two problems. First, the coordinates you are warping from and to are wrong. The source coordinates are simply the corners of the source image: src[0].x=0; src[0].y=0; src[1].x=zdjecie.cols; src[1].y=0; src[2].x=zdjecie.cols; src[2].y=zdjecie.rows; src[3].x=0; src[3].y=zdjecie.rows; The destination coordinates must be the corners points of the found chessboard points. Which points are the corner points changes with the size of the chessboard. Since my chessboard had different dimension I tried to make it adaptive by taking the size of the board into account: dst[0].x=corners[0].x; dst[0].y=corners[0].y; dst[1].x=corners[ boardSize.width-1 ].x; dst[1].y=corners[ boardSize.width-1 ].y; dst[2].x=corners[ boardSiz

Categories : Image

How to get URL of Smart Poster in app launched by AAR
Adding this into manifest did the trick: <intent-filter> <action android:name="android.nfc.action.NDEF_DISCOVERED" /> <category android:name="android.intent.category.DEFAULT"/> <data android:scheme="http" android:host="demo.com" /> </intent-filter> The app is not starting because of the AAR however but as a result of "catching" the url of smart poster... EDIT: In the end we decided to use custom MimeType that we are catching in our app (via intent-filter)

Categories : Android

How can I style the JPlayer poster element?
Make your styles important or specific See css important and specificity documentation for details

Categories : Jquery

Python poster buffer size
The API does not give you the opportunity to set the blocksize, no. You can increase the buffer by patching the constant on the function: from poster.encode import MultipartParam iter_encode = MultipartParam.iter_encode.im_func # function object iter_encode.func_defaults = (8192,) # set new defaults, a 1-element tuple The .func_defaults parameter of functions can be replaced at will, just make sure you replace it with a tuple of equal length.

Categories : Python

python POST a StringIO using poster
According to this commit, making the name optional was done explicitly to support passing in a StringIO object, but as you discovered that then skips detecting the mime type and defaults to text/plain instead. Your approach then, is entirely correct. Simply set the .name attribute to goad poster into detecting a mime type. The alternative is to use a better library to POST to the web. I recommend you look at requests, which supports multipart POSTing of files out of the box, including a way to set the filename. The mimetype will be based on that explicit filename if passed in.

Categories : Python

Video.js: Chapter selection (from .vtt file) not working / menu not showing (captions only working in FF)
For chapters, default is required if you want the chapters menu to show. https://github.com/videojs/video.js/blob/master/docs/guides/tracks.md#default Adding default="default" to the track, should do the trick.

Categories : HTML

Convert HTML to TIFF or printable poster
I think it will be useful for you https://github.com/csquared/IMGKit And look at http://www.imagemagick.org/- for image processing. It has ruby wrapper http://rmagick.rubyforge.org/

Categories : HTML

Duplicate Topic Title search from 1 poster
you can just add the topic_poster to your group by: SELECT topic_title, topic_time, forum_id, topic_first_post_id, topic_first_poster_name, topic_id, topic_poster, COUNT( * ) TotalCount FROM phpbb3_topics GROUP BY topic_title, topic_poster HAVING COUNT( * ) >1

Categories : PHP

VideoJS player not loading .webm video file for Firefox (throws "Video Error". Works when no other video sources (like mp4/mov) are provided
It seems mov videos are not supported by HTML5 Firefox implementation, I get this error: Specified "type" attribute of "video/mp4" is not supported. Load of media resource http://dev.muzioapp.com.s3-website-us-east-1.amazonaws.com/content/ourMuzeVid1.mov failed. The explanation about this (maybe) confusion is here: http://stackoverflow.com/a/5080583/208067 When the video is not embedded as a html5 video, Firefox looks for a suitable plugin to play the video and finds QuickTime. The video tag does not.

Categories : HTML

video set to "true" in Skype video chat URI, but video is not enabled when call starts
I see you've figured out that there seems to be a problem with video call in the newest versions of Skype for android and ios. Maybe the new apps treat video calls as a conference call even if it's a 1 to 1 call (which isn't supported as stated in the skype api/uri doc), I suggest you report this problem to MS through for example appstore (not sure if there's similar possibility to do so in google play?) and mention the same bug happens on android. If you need something to work ASAP while waiting for MS to fix the bug I'll suggest a solution but it might not be worth the time you'll need to spend in order for a working implementation. But I'll leave that up to you to consider. What you could do is send an message (or just do a regular call) to the remote sentry with an unique message ie

Categories : Android

IE10 not playing a video when using the
When you paste the URL to your browser it doesn't use HTML5 player anymore, so it doesn't say that it is really a supported file; only that the file path should be valid. According to wikipedia, IE10 supports (not only) H.264 for video and AAC for audio - these are very common formats for mp4 container. Chrome's support is much wider (video- and audio-wise). The problem is that the Intro.mp4 file might have different formats altogether (the file could by just renamed or created using unsupported formats). I'd look into the file using properties->details or third party programs (for example Media Info). I don't think it is IE10's issue. The only similar one I've found is when the user was too specific using unsupported format of used codecs ([...] type='video/mp4; codecs="H.264, AAC"'

Categories : HTML

How to know whether ALAsset url contains video or image?
http://developer.apple.com/library/ios/#documentation/AssetsLibrary/Reference/ALAsset_Class/Reference/Reference.html#//apple_ref/occ/instm/ALAsset/valueForProperty: i think best way is if ([[asset valueForProperty:ALAssetPropertyType] isEqualToString:ALAssetTypeVideo]) { // asset is a video } http://developer.apple.com/library/ios/#documentation/AssetsLibrary/Reference/ALAsset_Class/Reference/Reference.html#//apple_ref/doc/constant_group/Asset_Types Asset Types Constants that specify the type of an asset. NSString *const ALAssetTypePhoto; NSString *const ALAssetTypeVideo; NSString *const ALAssetTypeUnknown;

Categories : Iphone

How to capture bitmap image from video
This won't work because the video content is not "exposed" to the normal view layers. If you are using API Level >= 10 you can use MediaMetadataRetriever getFrameAtTime. It's described here. Even this may not return the exact frame as it is fairly hardware dependent. The most sure way to do this is to use something like FFMPEG to access the stream yourself.

Categories : Android

How do I force a video to play over an image?
Have you tried adding a z-value to the video container? (higher than the image) eg. z-value for image is 1 and z-value for video is 2. #video { z-value:2; } #image { z-value:1; } As for the scrolling, I'd try use a little jquery as it has a really nice effect. $('.clickedClass').click( function(){ $('html, body').animate({ scrollTop: '0px' }, 'slow'); }); Any element with the class 'clickedClass', when clicked, will scroll to the top of the page. UPDATE: here's a jsfiddle for the scrolling: http://jsfiddle.net/CMQNT/

Categories : HTML

How to make gif image from youtube video?
I would suggest using something like ffmpeg(multi platform open source library for converting/recording video) to do most of the more difficult work for you. Take a quick look at this http://www.ffmpeg.org/ and also http://www.catswhocode.com/blog/19-ffmpeg-commands-for-all-needs one of the codes on the second website has one specifically for converting to gif. You also need to implement the library in PHP, a quick google search reveals many sites that can help you with this. It may involve a plugin or program on the server to allow PHP to automate this process. I havent done a huge amount of work in PHP but it seems quite possible to convert a youtube video to gif with a bit of work - so i hope this helps.

Categories : Javascript

video in html5 is not working in IE
To enable the new HTML5 tags in Internet Explorer, you need to insert a simple javascript code on your page so that IE can understand the new tags. The code is responsible for the following: <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> :)

Categories : Wordpress

Overlay an Image onto a video in windows 8 metro App using c#
If you're using XAML, you can easily add 2 overlapped controls, one on the background for the video and one for the image in the foreground. To make sure of the z-order, you can adjust the Z-Index of your controls. With a transparent image control you should not have difficulty pulling this off.

Categories : C#

ffmpeg Getting image or thumbnail from video error
You did not give ffmpeg a name :-) So you tried to execute a \bin folder ! $ffmpeg = "C:\Ffmpeg\ffmpeg-20130605-git-3289670-win64-static\bin"; you forget ffmpeg.exe $ffmpeg = "C:\Ffmpeg\ffmpeg-20130605-git-3289670-win64-static\bin\ffmpeg"; I do it for a .avi with following command ffmpeg -i Echo2012.avi -r 1 -s 1024x576 -f image2 -vframes 1 foo-001.jpg Don't execute your command twice ! $command = "$ffmpeg -i $video -an -ss $second -s $size -vcodec mjpeg $image"; echo $command; shell_exec($command); if(shell_exec($command)){ EDIT : your command string : ffmpeg -i upload.tmp -an -ss 12 -s 150x90 -vcodec mjpeg manu.jpg -vcodec codec (output) : Set the video output codec. It's a switch for a output video. You want as output an image. -an : You can disable Audio

Categories : PHP

HTML Video IE9 - No Controls or Preview Image
It was due to the fact that the video object was faded in by jQuery after the documented loaded and a link was clicked - I assume it was because of the fading transition that IE9 couldn't handle the video object properly. What I did was allow the fade in, and once complete I cloned the video object to reinstantiate it.

Categories : HTML

How to display one image and one video in one window using OpenCV
This works as you need: void cvShowManyImages(char* title, int nArgs, ...) { // img - Used for getting the arguments IplImage *img; // DispImage - the image in which input images are to be copied IplImage *DispImage; int size; int i; int m, n; int x, y; // w - Maximum number of images in a row // h - Maximum number of images in a column int w, h; // scale - How much we have to resize the image float scale; int max; // If the number of arguments is lesser than 0 or greater than 12 // return without displaying if(nArgs <= 0) { printf("Number of arguments too small.... "); return; } else if(nArgs > 12) { printf("Number of arguments too large.... "); return; } //

Categories : C++

How to generate UUID of image or video in android?
You're doing something wrong if you want to generate UUID based on image/video. UUID stands for "universally unique identifier". Read this as random, but unique identifier (number). UPDATE2 To generate new UUID (without notion of image/video) you can do: java.util.UUID.randomUUID()

Categories : Android

Video thumbnail with custom image overlay
Have you considered using an overlay image that matches the size of the video thumbnail and is transparent except for the WMP icon? This way you can programmatically add your overlay at the same coordinates (aligned at upper left corner). .png format works well for this purpose.

Categories : C#

Not Able to Generate Thumbnail Image from the Recorded Video
Try this code: UIGraphicsBeginImageContext(CGSizeMake(1,1)); MPMoviePlayerController *player = [[MPMoviePlayerController alloc] initWithContentURL:assetURL]; UIGraphicsEndImageContext(); UIImage *thumbnail = [player thumbnailImageAtTime:1.0 timeOption:MPMovieTimeOptionNearestKeyFrame]; [player stop];

Categories : Iphone

WPF C# Media Element Show first image of video
From what I can gather, you are loading your video (setting the Source) only when you click button1, yet you want the first frame to show before this happens. To accomplish this, you will have to load your video in another method, preferably when your Page or Window loads. Then you can do the following: McMediaElement.ScrubbingEnabled = true; McMediaElement.Play(); McMediaElement.Pause();

Categories : C#

Image Sequences to video conversion in matlab
If your images are created by some Matlab code, then you can always save them as image files (check out the print function), and use some utility (like VirtualDub) to convert the image files to video. If it is enough to play the image sequence without saving it, then use the movie function.

Categories : Matlab

Error Sending ONLY Image/Video file
You can't assume that converting a byte[] to String and then converting it back to byte[] will give you the original byte[]. For example, the following does not output the original byte array: byte[] buffer = {-127}; for (byte b : new String(buffer).getBytes()) { System.out.print(" " + b); } To solve your problem, do your data manipulation (appending and removing your data) as bytes and don't convert to and from String.

Categories : Java

Grabing video and image from a html page
If you embed the videos using an <iframe>, you can use the "Attribute Starts With Selector [name^="value"]: var videos = $('iframe[src^="http://youtube.com"]'); This will select all embedded videos from YouTube for example. Edit As you said, you want all videos from external Sites, this should work: var host = $(location).attr('host'); var videos = $('iframe:not([src^="http://' + host + '"])');

Categories : Javascript

Plugin for create a image and video galleries
You might want to take a look at Flexslider by WooThemes: http://www.woothemes.com/flexslider/ Best damn slider ever, period.

Categories : Wordpress

camera for picture and video not working
The reason of the exception could be because Camera.open() returned null! if (mCamera == null) { mCamera = Camera.open(); mCamera.unlock(); } Do you have the following in your manifest file? <uses-permission android:name="android.permission.CAMERA" /> <uses-feature android:name="android.hardware.camera" /> Try using Camera.open(int cameraId); if your api level >= 2.3

Categories : Android

Vimeo video not working with HTML5 tag
You'll need to use our embed code for it to work. http://player.vimeo.com/video/68866759 is not a video file, it's an HTML page, so putting it in a video tag won't do anything. If you replace the video tag with this it should work: <iframe src="//player.vimeo.com/video/68866759" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Categories : Jquery

XSL html5 embed video not working
XSLT stylesheets must be well-formed XML, and this isn't: <video width="320" height="240" controls> The usual way to handle "valueless" HTML attributes is by setting controls="controls". However, because this one is not defined in HTML4, the XSLT serializer might not recognize it, and will output controls="controls" rather than simply controls. Hopefully the browser will accept this as equivalent.

Categories : Xml

Embed video from You tube not working
Using WebView to play YouTube videos would require testing & debugging on devices across different Android OS versions and manufacturers, due to the difference in functionality and bugs between Android 2.x and 4.x. A less bug-prone approach that gives you more control is to use YouTube Android Player API to embed a YouTube video into your own app, they have also provided a sample app so it shouldn't be too difficult if you follow their steps.

Categories : Java

YouTube video in HTML not working
I see a couple things wrong: //www.youtube.com/embed/JjFsNSoDZK8 Not the url with the id as a the value of v get parameter; like the link you have in your post (https://www.youtube.com/watch?v=JjFsNSoDZK8) When you replace the url you are adding the param with ? i think it should be & since the query string already exists, i don't think it matters though because http://www.youtube.com/embed/JjFsNSoDZK8 is the correct url according to the embed tab on youtube url = 'https://www.youtube.com/watch?v=JjFsNSoDZK8'; url.replace('youtube.com/', 'youtube.com/embed/') + "?feature=player_detailpage" // "https://www.youtube.com/embed/watch?v=JjFsNSoDZK8?feature=player_detailpage"

Categories : Javascript



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.