How to add video background over a section?
html,css,html5,video,html5-video
You could use the jquery videoBG plugin: http://syddev.com/jquery.videoBG/ Or you could add the following code: https://jsfiddle.net/5oxjuyum/1/ The alternative image is displayed when the browser doesn't support the video. HTML <video id="video" autoplay> <source src="video.mp4" type="video/mp4" /> <img id="alternative" src="http://www.mygreencity.in/images/slider/1.jpg" /> </video> CSS #video, #alternative { width: 100%; height: 100vh; object-fit:...
video to audio file convert & save through FFMPEG in node js
javascript,node.js,audio,video,ffmpeg
I would do it like: var ffmpeg = require('fluent-ffmpeg'); /** * input - string, path of input file * output - string, path of output file * callback - function, node-style callback fn (error, result) */ function convert(input, output, callback) { ffmpeg(input) .output(output) .on('end', function() { console.log('conversion ended'); callback(null); }).on('error',...
How to detect squares in video with OpenCV?
As the error message says, your problem is in cv::mixChannels(). See documentation. Or you could simply do something like cv::Mat channels[3]; cv::split(multiChannelImage, channels); and then access each channel using cv::Mat currChannel = channels[channelNumber] ...
How to read all video type in a video tag
javascript,php,html5,video,codec
Please note that by far very few codecs are supported by browsers. You should have at least 2 versions of each video: ogg and mp4; if you can get webm as well, that'll be a bonus. mkv are not normally supported by any browser, especially ac3 encoding. Now, provided you...
Need to remove loop in autoplay background video jquery
javascript,jquery,loops,video,autoplay
Spec here on W3Schools, The loop attribute is a boolean attribute. When present, it specifies that the video will start over again, every time it is finished. Why don't you just remove the loop attribute in your JQuery code ? <video class="bannerVideo"autoplay loop> // remove loop Then it should only...
How to render video in browser before uploading it using angularjs?
javascript,html,angularjs,video,upload
I am guessing you are using ng-file-upload directive here, if so, the solution is simple: the html part: <div ng-app='theModule' ng-controller='mainCtrl'> <button ngf-select ng-model="files" accept='video/*' >select video</button> <video controls ngf-src="files[0]" ngf-accept="'video/*'" autoplay></video> </div> the js part: angular.module('theModule', ['ngFileUpload']).controller('mainCtrl', ['$scope', 'Upload', function ($scope, Upload){ }]); if you want to listen to...
Play multiple videos on page with jQuery each() function
javascript,jquery,css,html5,video
You cannot have multiple elements with same ID. Change them to class. Change the video-container from ID to class and videocover as well. <div class="video-container"> <video>...</video> <div class="videocover"></div> </div> With the above structure the below script should work fine. $('.videocover').click(function () { var video = $(this).closest('.video-container').find('video')[0]; video.play(); $(this).css('visibility', 'hidden'); return...
Video Delivery Performance of Node+Express vs Apache
Thats sounds like quite a big video service. If you will have many users in many different locations viewing your videos and you are worried about user experience, then you may want to use some sort of CDN service. In case you are not familiar these effectively cache a copy...
More than one target with the same function
If you are just looking to make your code work among as many videos as available then that is pretty simple and is accomplished via loops. You just have to grab the videos in your page and loop through them. I first selected the videos by class name with jquery,...
How to modify the content of WebRTC MediaStream video track?
javascript,html5,video,browser,webrtc
You need to use a canvas to route the video from getUserMedia to, modify it there, and then use canvas.captureStream() to turn it back into a MediaStream. This is great - except that canvas.captureStream(), while agreed to in the WG hasn't actually been included in the spec yet. (There's a...
Timer flash to show something at the right time
actionscript-3,flash,video,timer
You should use FLVPlayback's addASCuePoint() function to make precise actions when your FLVPlayback fideo is playing. You use this function to set up whatever points you want to display custom subtitles, there can be as many of these as you want, then you listen for MetadataEvent.CUE_POINT event on your FLVPlayback...
How to Display multiple videos from JSON using jQuery
javascript,jquery,html,css,video
The videos were not blank! It's just that they were not being played and hence, displayed as blank (since there was no poster set). Had you set controls: true, you'd have at least had the play button and other controls to interact with the video. Take a look at the...
Merge 2 video files with thier audio in a single file side by side
You need to add the amerge audio filter to combine both audio streams into one: ffmpeg -i input0.mp4 -i input1.mp4 -filter_complex \ "[0:v]scale=iw/2:-1,pad=iw*2,setpts=PTS-STARTPTS[left]; \ [1:v]scale=iw/2:-1,setpts=PTS-STARTPTS[right]; \ [left][right]overlay=w[v]; \ [0:a][1:a]amerge=inputs=2[a]" \ -map "[v]" -map "[a]" output This will make a stereo output with the audio from input0.mp4 in the left channel,...
Creating a 25fps slow motion video from a 100fps GoPro .mp4 video with C++/OpenCV
c++,opencv,video,visual-studio-2013,slowmotion
As I suspected, it's the Coded! I used many of them, but then I found this question: Create Video from images using VideoCapture (OpenCV) then I used the coded MJPG in: outputVideo.open(name, CV_FOURCC('M', 'J', 'P', 'G'), 25, size, true); // create a new videoFile with 25fps and it worked! Here's...
Loading HTML Video With jQuery
Since you already have jQuery in your project, use it: HTML: <video autoplay="" loop="" poster="" id="bgvid"> <source id="webmvid" src="" type="video/webm"> <source id="oggvid" src="" type="video/ogg"> <source id="mp4vid" src="" type="video/mp4"> </video> JS: var v = []; v[0] = ["header.webm", "header.ogv", "header.mp4"]; v[1] = ["mobHead.webm", "mobHead.ogv", "mobHead.mp4"]; var index = window.innerWidth <= 641...
What is the best practice add video background view?
First of all, you have two main choices: use a imageView with a GIF or use a video for background with AVPlayer or MPMoviePlayerController. You can find a lot of example for both ways, here's a few: use a GIF for cool background video cover iOS In reply to your...
how to add Videos in UITableViewCell
ios,uitableview,video,tablerow
1. This is one way of adding video in cell -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString *cellIdentifier [email protected]"CellID"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier]; if (cell==nil) { cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier]; } NSURL *videoURL = [NSURL URLWithString:videoURL]; moviePlayer = [[MPMoviePlayerController alloc] initWithContentURL:videoURL]; [moviePlayer...
Can I write videos pixel-by-pixel in javascript?
I got the program to work by downloading Whammy, as suggested by myfunkyside. To get it to work, I had to put the program inside the folder with Whammy. This code ended up working: <canvas id='Canvas' width=200 height=200></canvas> <video width=200 height=200 id='Video' controls></video> <script src='whammy.js'></script> <script> var encoder = new...
Using libav-tools versus libav built from source - video quality much worse
I posted this as a bug report on libav's Bugzilla as well. John Van Sickle generously responded: The difference in quality is due to the older version being built with libx264 support, which is a h264 encoder. Since I'm guessing the newer build isn't, it's defaulting to the mpeg4 codec....
Crop video before encoding with MediaCodec for Grafika's “Continuous Capture” Activity
android,video,opengl-es,crop,grafika
Take a look at the "texture from camera" activity. Note it allows you to manipulate the image in various ways, notably "zoom". The "zoom" is done by modifying the texture coordinates. The ScaledDrawable2D class does this; the setScale() call changes the "zoom", rather than scaling the rect itself. Texture coordinates...
html crop height video to height 100vh, video to fullscreen
You could use the jquery videoBG plugin: http://syddev.com/jquery.videoBG/ Or you could add the following code: https://jsfiddle.net/wcv2ak9p/1/ The alternative image is displayed when the browser doesn't support the video. HTML <video id="moodvideo" autoplay loop> <source src="moodvideo.mp4" type='video/mp4'> <img id="alternative" src="alternative.jpg" /> </video> CSS #moodvideo, #alternative { width: 100vw; /* Could also...
Autoplay video JQuery when video is in center of my screen
This Following code Work. Between, 33% top and down, your video will play. $(window).scroll(function(e) { var offsetRange = $(window).height() / 3, offsetTop = $(window).scrollTop() + offsetRange + $("#header").outerHeight(true), offsetBottom = offsetTop + offsetRange; $(".video").each(function () { var y1 = $(this).offset().top; var y2 = offsetTop; if (y1 + $(this).outerHeight(true) < y2...
Javascript - how to tell the video element to stop playing the video at xyz duration?
javascript,jquery,html5,google-chrome,video
Use timeupdate event. mediaplay_video.ontimeupdate = function(event) { if( mediaplay_video.currentTime === 5 * 60 ) { mediaplay_video.pause(); // Just so we don't stop the player multiple times if the user // wants to see the whole thing... mediaplay_video.ontimeupdate = false; // Do whatever you want. } }; If you plan to...
ffmepg video from uneven sequence of png images
Use the concat demuxer. Example using 2, 4, and 0.25 seconds. Make a text file indicating the desired duration per file: file 'image1.png' duration 1.52 file 'image2.png' duration 2.28 file 'image3.png' duration 1.04 You may have to repeat the last file and duration lines to get it to display the...
Catch HTML5 autoplay not available
You could implement a routine similar to what Modernizr does ... it dynamically creates a video element with a tiny inline base64 src, then tests autoplay on that to determine whether or not the functionality is supported. You can see the source here: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js It'll still create some overhead (as...
Stop auto-play video
javascript,html,css,iframe,video
try: <iframe src="http://link.brightcove.com/services/player/bcpid1956333307001?bckey=AQ~~,AAABxzD3Y9k~,w_VmDmf4kc-gzMlyacBFjrfIduWxlrSQ&bctid=4235240679001&autoStart=false&width=896&height=424" id="video"></iframe> referenced from here...
Javafx - Create player (which doesn't play file)
java,video,javafx,media,player
When you pass a null argument to your constructor's first arg, this is passed to setFile as this: setFile(null) This function has: public void setFile(File file) { videoFile = file; videoFile = file; // You are doing this twice? Is this an error on your part? media = new Media(videoFile.toURI().toString());...
OpenGL: How to get a pointer into video RAM for a texture's pixels?
No. The whole idea of OpenGL is to provide an abstraction of GPU hardware that applies across vendors and architectures. Allowing direct access to VRAM would break this abstraction in a lot of ways: It assumes that the system has VRAM. It assumes that the texture is currently in VRAM....
getting the current duration of recorded video using PBJVision
Found the answer: inside didCaptureVideoSampleBuffer I put NSLog(@"%f",[[PBJVision sharedInstance] capturedVideoSeconds]);...
Attach data to simpleWebRTC room or video
This was just added very recently. You can now set nick on the config options passed to the constructor, which will be included in onVideoAdded - var webrtc = new SimpleWebRTC({ ... // your options here nick: 'my-user-id' }); webrtc.on('videoAdded', function (peer) { //peer.nick is the other user's nick, and...
video texture loop in pixijs
You can pass it a video element instead of the url. On the video you can then set looping: var video = document.createElement("video"); video.preload = "auto"; video.loop = true; // enable looping video.src = "output480.mp4"; PIXI.Texture.fromVideo(video); If it doesn't start to play just add autoplay = true. You may have...
Rev slider loading issue in WordPress
wordpress,video,plugins,slideshow
"Contact form 7" plugin is causing this error with "W3 Total Cache plugin" on your Production site. Try disabling Contact form 7 and you will see the results. Contact Form 7 reloads the page in the background by Ajax when you use it with any caching plugin....
ffmpeg cut first 5 seconds
How about this: ffmpeg -ss 00:00:05 -i /home/requiem/Desktop/t1.mp4 .... ...
How Does YouTube Stream Long-Form Videos to Mobile
html5,video,mobile,youtube,streaming
Your videos should not really take a long time to load even with 'normal' HTTP streaming if the CDN is doing its job properly. One possible problem might be the quality/bit rate of your videos - if they are only available in high quality or high bit rate then this...
ffmpeg recording h264 live stream got error
c,video,ffmpeg,video-streaming,video-capture
First make sure the inputStreamFormatCtx allocated and filled by right values (which is the cause of 90% of problem with demuxing/remuxing problems) - check some samples on internet to know how u should allocate and set its values. The error tells us what is happening and it seems it is...
Embed video stop on div hide
Find the video tag inside the element you want to hide and pause it. If you do not have more than one video this should work (assuming you are using HTML5 video of course): <script type="text/javascript"> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') { var video =...
create movie from [UIImage], Swift
Constructing a Dictionary literal is straightforward: import AVFoundation let videoSettings = [ AVVideoCodecKey: AVVideoCodecH264, AVVideoWidthKey: 640, AVVideoHeightKey: 480 ] As for everything else, I would encourage you to read through Apple's The Swift Programming Language to establish fundamentals first, rather than relying on SO or tutorials that happen to cover...
Base64 video encoding - good\bad idea?
javascript,html,cordova,video,base64
[...] the backend developer [...] insists that the media files (images/videos) should be transferred as base64 encoded in json files. This is a very bad (and silly) idea up-front. You do not want to transfer large amount of binary data as strings. Especially not Unicode strings. Here you need...
Opening frame that is under the JavaFX program category
eclipse,video,javafx,jframe,mp4
I am not sure to understand your problem but in order to create a new frame in JavaFX. You have to create a new class with a new stage. Let's say you create a new class "newFrame" with the code below. public void show(Stage stage){ //define your root double width...
Getting All Uploaded Videos
public static List<String> getUploadedVideoIds() throws IOException { YouTube youtube; List<String> scopes = Lists .newArrayList("https://www.googleapis.com/auth/youtube.readonly"); Credential credential = Auth.authorize(scopes, "myuploads"); youtube = new YouTube.Builder(Auth.HTTP_TRANSPORT, Auth.JSON_FACTORY, credential).setApplicationName( "youtube-cmdline-myuploads-sample").build(); YouTube.Channels.List channelRequest = youtube.channels().list( "contentDetails"); channelRequest.setMine(true);...
Ignore HTML5 on mobile devices
javascript,html,css,video,html5-video
You need to use JavaScript to play and pause the video whenever the screen resizes. // Create a function that gets the width of the screen // and plays or pauses the video depending its value var handleVideo = function () { var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) if(width...
Video is in low fps when playing on TextureView
After checked with more devices, I found the main reason cause this issue is memory. So I finish previous activity and release data before go to this activity. Then the FPS of video increase to 10 + on S3. Thanks,...
M3U8 playback issues with Vimeo and JW Player
M3U8 files from Vimeo use 302 re-directs, which our Flash HLS implementation does not support.
Video in original VC continues playing after switching to a different tab in tab bar
ios,swift,video,uitabbarcontroller,uitabbar
Call playerLayer.pause() in viewWillDisappear or viewDidDisappear in the first viewController....
Php curl for downloading facebook video
php,facebook,curl,video,download
Ok i used this function and it works fine function copyfile_chunked($infile, $outfile) { $chunksize = 100 * (1024 * 1024); // 10 Megs /** * parse_url breaks a part a URL into it's parts, i.e. host, path, * query string, etc. */ $parts = parse_url($infile); $i_handle = fsockopen($parts['host'], 80, $errstr,...
Loading HTML Video With jQuery not working anymore
javascript,jquery,wordpress,video,localization
Well after racking my brain I figured it out. Well somewhat. It only works if I have something already in the src="" part of the html so by setting my HTML to: <video autoplay="" loop="" poster="/library/images/vidPoster.jpg" id="bgvid"> <source id="webmvid" src="temp" type="video/webm"> <source id="oggvid" src="temp" type="video/ogg"> <source id="mp4vid" src="temp" type="video/mp4"> </video>...
which is more performant,
No, all the cost of decoding a video frame is still there. Using a canvas would in addition to that add more cost, not less. If the video is without sound you could temporary pause the video while scrolling, as well as pause it permanently when out of view: var...
make autoplay work on IPAD and IPHONE
I guess auto-play feature is not supported in iOS. Check this Apple documentation: User Control of Downloads Over Cellular Networks In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. Here...
Get all videos from a playlist (Youtube API v3)
xml,api,video,youtube,playlists
There is a PHP sample on the YouTube API site which uses the playlistItems.list call to get a list of videos which you can use to get the information you require. http://developers.google.com/youtube/v3/docs/playlistItems/list If you use the YouTube PHP client library then something along these lines will get all video IDs...
Can a text attribute be set on .mp4 files that could be used for version info?
You could store the version information in the file metadata, for example, in the Comments property. ...
FFmpeg: How to convert vertical video with black sides, to video 16:9, with blurred background sides
I solved! ffmpeg -i input.mp4 -lavfi '[0:v]scale=ih*16/9:-1,boxblur=luma_radius=min(h\,w)/20:luma_power=1:chroma_radius=min(cw\,ch)/20:chroma_power=1[bg];[bg][0:v]overlay=(W-w)/2:(H-h)/2,crop=h=iw*9/16' -vb 800K output.webm Input: https://www.youtube.com/watch?v=17uHCHfgs60 Output: http://www.youtube.com/watch?v=CgZsDLfzrTs...
Qt 5.5 Video shader issue on iOS
This is a temporary bug in the Qt 5.5 branch. To fix it with the current 5.5 snapshots, add this to your main() function: Q_INIT_RESOURCE(qtmultimediaquicktools); The issue is already fixed in the current 5.5 branch of Qt, find the fix here or wait for the next snapshot....
Can I embed my Picasa video to play on my website?
You can upload your video to YouTube and use their method. Picasa has a direct upload link to YouTube. For more details check following link:- https://productforums.google.com/forum/#!topic/picasa/PMc9U3y5Iy8
Bootstrap modal and multiple vimeo videos
jquery,twitter-bootstrap,video
You could wire up the handler on the first click to persist and pass along the ID. Something like this: var selector = $(this).attr("data-target"); $(selector).data("HasBeenClicked", true); But you probably don't need to go so far. You can just expand the way in which you're listening for modals to close. As...
Authenticate Videos for logged in users only
html,asp.net-mvc,video,video-streaming
Simply stream the video over a controller action instead of direct linking the file from disk. This will give you the ability to control access and authenticate the request. You can follow this link to achieve that (just add on it an authentication that the user is logged in) Be...
how can i get image more than one video in ffmpeg in a loop
vb.net,video,ffmpeg,video-editing
you can write hare the file name proc.StartInfo.Arguments = " -i " + fi.FullName + " -vframes 1 " & (SPath & "\" & FolderName & "\") &fi.name &"%d.jpg" ...
When debugging on an Android device, Video objects sometimes refuse to play a Camera or a NetStream object
android,flash,video,mobile,air
This will apparently only happen when running in debug mode. When I switched over to release mode, the problem went away, so something is wrong with Adobe's debugger. That being said, the AIR SDK I was using at the time I wrote this question was 3.4 (the default for Flash...
FFmpeg move overlay from one pixel coordinate to another
Is this about what you're looking for? This crappy example has a duration of 6 seconds. The red box appears after 2 seconds and ends 3 seconds later. Example: ffmpeg -i bg.mp4 -i fg.mkv -filter_complex \ "[0:v][1:v]overlay=enable='between=(t,10,20)':x=720+t*28:y=t*10[out]" \ -map "[out]" output.mkv Move x from position 720 to 1000 in 10...
Javascript pause loop till event
javascript,loops,for-loop,video,eventlistener
You should drop the for loops and work only with events. Something like this should clear out at least a few problems: var a = 0; video.src = videos[a]; video.load(); video.play(); check_time(); //instead of looping through your video, you wait until one is finished //to play the next one. video.addEventListener("ended",...
Converting images to video format
You could use ffmpeg for such a job. Example: i got some jpg's (0001.jpg, 0002.jpg,...) in the folder c:\temp\cam. The command ffmpeg -i c:\temp\cam\%04d.jpg -c:v libx264 -r 30 -pix_fmt yuv420p c:\temp\cam\out.mp4 creates a mp4 file. The documentation for that can be found here: https://trac.ffmpeg.org/wiki/Create%20a%20video%20slideshow%20from%20images
Load Html5Video 100% then show Page
jquery,html5,video,html5-video
You have to use Media Source Extensions (MSE) to control this. Otherwise the browser will do what it thinks is best and you will not be able to force or guarantee that the browser will load 100% of your video. Check out MSE here (intro), and here (specs) and here...
C# send video frame
You can capture the webcam video frame by frame using the DirectShow.NET library (it's availabe as DirectShowLib over NuGet). There's a nice DxSnap sample that shows how to get still images. The hardest part is to get your head around the DirectShow API which may look foreign if you "have...
node js & videogular loading video using node
You can upload, list and play using express and Multer which I found was relatively straightforward and worked reliably. In my case I used Angular and a regular browser for playback but the same principles should apply. The following code extract worked for me: Upload // router.post('/web_video_upload', function(req, res) {...
MediaElement freezes upon launch of video
c#,wpf,user-interface,video,hang
No matter how i've moved stuff around in my code, upon launch EVERY time the GUI is unresponsive, but sound plays. I've managed to reproduce this. One important thing missing in your description is the exact way you create and show the window in your main() method. For example,...
WMV and MP4 support in TnyMice editor
Version 4 has been optimised for Flash, especially for YouTube links. So if you want more varied support for other types of video then the simplest solution is to revert to an earlier version. See a list of older versions here Version 3 provides the embedded player code that you...
why video background is not working in mobile devices?
What device did you use? And what type of that video? Is it automatic video play? If the device is Ipad or Iphone and the video is automatic video play, you'd need a play/stop/pause button because the iPad doesn't support automatic video play. ^^ Btw, you must check the resizing...
MP4Parser creates corrupt mp4
java,android,video,mp4,mp4parser
Since the problem was coming from MP4Parser itself, I stepped over to FFMpeg, from which I can successfully combine videos. I'm used the demuxer and for later reference; this is the command I used: "ffmpeg -y -f concat -i temp.txt -c copy output.mp4"...
Create a new html5 video object with jQuery
Like this: var video = $('<video />', { id: 'video', src: 'http://video-js.zencoder.com/oceans-clip.mp4', type: 'video/mp4', controls: true }); video.appendTo($('#gallery')); jsFiddle example var photo = $('<img />', { id: 'photo', src: 'http://lorempixel.com/400/200/city/', alt: '' }); photo.appendTo($('#gallery')); var video = $('<video />', { id: 'video', src: 'http://video-js.zencoder.com/oceans-clip.mp4', type: 'video/mp4', controls: true }); video.appendTo($('#gallery'));...
Why does video resolution change when streaming from Android via WebRTC
android,google-chrome,video,webrtc,video-processing
getUserMedia constraints only affect the media requested from the browser to the hardware and returned as a stream. getUserMedia constraints don't have any effect on what is done to that stream afterwards (i.e., when it's streamed over a connection). The degradation you're seeing is in the PeerConnection layer, not in...
How to play video backwards in WPF?
To do it smoothly you should use a Timer. Assuming the frame rate is 24 fps, then it means that is one frame every 1/24 = 0.416 second or approximately 42 millisecond. So if your timer ticks every 42ms you can move mePlayer.Position backward: XAML: <MediaElement x:Name="mePlayer" Source="C:\Sample.mp4" LoadedBehavior="Manual" ScrubbingEnabled="True"/>...
AS3 Center Video in StageVideo
actionscript-3,flash,video,centering,stagevideo
Can't believe I didn't see this - I just needed to change the start x & y of the Rectangle for the viewPort. Guess I forget how Rectangles worked briefly.
Autoplay / Pause when mouseover mouseout JQuery
javascript,jquery,video,autoplay
An easy workaround: $(function(){ $('.video').on('mouseenter', function(){ if( this.paused) this.play(); }).on('mouseleave', function(){ if( !this.paused) this.pause(); }); }); Check jsFiddle...
How to trim video in android?
You can copy the codecs of your input file by providing the -c copy option. Furthermore seeking before specifying the input file is said to be faster but less accurate. After implementing these 2 changes your command would look like: ffmpeg -y -ss 00:00:05 -i /sdcard/DCIM/Besharam.mp4 -to 00:02:35 -async 1...
R: segments can not be displayed in a video file
I found a solution - not the most straightforward one, but it works... (1) Create individual frames as PNG files (2) use ffmpeg to generate a video file using these individual PNG files.
Responsive Video Window resize (possible js / jquery conflict)
javascript,jquery,html5,video,resize
Use jQuery resize() Here is a fiddle with the resize working: https://jsfiddle.net/b6fncgwg/ The key is using .html() to change the html of your background/video div. $(window).resize(function () { changeBackground(); }); changeBackground(); function changeBackground(){ var viewportWidth = $(window).width(); if (viewportWidth < 767) { $("#video-bg").html('<video autoplay nomuted loop preload="none" poster="http://research.loginsecuretest.eu/loginsecurecmp/background//images/clientvideos/small.jpg" id="bgvid-SMARTPHONE"><source...
Pause HTML5 video when out of view
javascript,jquery,html5,video,html5-video
You need to determine if the video is playing or not. If so, then hook into the slick slider beforeChange event to pause the video. $(document).ready(function() { $('.slider').addClass("loaded"); $('.slider').slick({ dots: true, infinite: true, speed: 200, slidesToShow: 7, dots: true, lazyLoad: 'ondemand', variableWidth: true }); $("video").click(function(e) { // get click position...
ffmpeg - combine videos into one wide video
For future reference - these types of non-programming questions should go on superuser.com - not here. To answer your question: As far as I know, the only way to do this within FFmpeg will result in re-encoding the file (all video filters require specifying an audio/video codec, and stream copying...
How can I use javascript to get the thumbnail of an html5 video?
javascript,video,html5-video,video-thumbnails
Yes, you can use video as image source for canvas. Just wrap the code as a function which takes video and size as arguments, and return a canvas element. The video must be loaded and at the frame you want to snapshot. Example methods function createThumb(video, w, h) { var...
How to cut a Video and mute it in one step with FFmpeg?
This does the work: "ffmpeg -i 'input.mp4' -ss 30 -c copy -an -t 10 '"soundlessOutput.mp4'" ...
Populate div with content of external div with rendered html?
.text() gives you plain text while .html() gives you htmlstring. But, using .html() on $(this) would copy the thumbnail too. So you would need to manipulate the Info. You can use clone() for this, $('a').on('click', function(e) { var $info = $(this).clone() $info.find('img').remove(); $('#divresult').html($info.html()); e.preventDefault(); }); ...
No video with supported format and MIME type found
internet-explorer,firefox,video,html5-video
Different browsers support different video formats - the link below is a good overview but be aware this is a constantly changing area so it is worth rechecking regularly: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats The error message you are seeing on Firefox is consistent with it not supporting the video format in question (see...
Stacking 3 gmp4-files using Avisynth and VirtualDub, results in wrong colors and distorted files
video,ffmpeg,avisynth,virtualdub
I was able to reproduce your problem. Apparently the AviSource chooses a wrong pixel format by default, it should be "RGB24" instead of "YV24". To solve this you need to add the parameter pixel_type="RGB24" to every AviSource call, like this: AVISource("Event20150423075842001.avi", pixel_type="RGB24") Alternatively you can try to use DirectShowSource instead...
OpenCV Java RGB BGR
java,opencv,image-processing,video
From the comment section of a page with some extremely similar code: comment.
HTML5 Canvas drawImage with video source not working on Android
android,html5,video,canvas,drawimage
It seems to be an issue with that specific file format (mp4). Substituting a webm file and it works fine. Unfortunate, but that's been the way of <video> for a while (to really require webm/ogg and not just mp4, regardless of what browsers claim to support). (I bet its a...
How to align videos, their height and wifth and their progress bar on the page
javascript,jquery,html,css,video
Before $("#videos").append($html); add a break like $html = $html.add('<br/>'); DEMO...
Playing a video in Google Cardboard
android,video,google-cardboard
Use PanFrame. http://www.panframe.com/ Download their SDK and it has sample apps that let you play videos side by side, compatible with Google Cardboard. You have to contact them for a license though....
Get Video File and save using c#
c#,asp.net-mvc-4,video,file-io
using system.IO; class program { static void main() { // Local Files File.Copy("path", "new Path"); } } ...
Infinite stream from a video file (in a loop)
video,ffmpeg,video-streaming,avconv
No you can't. There is no such command in ffmpeg to loop video. You can use -loop for image only. If you are interested you can use concat demuxer. Create a playlist file e.g. playlist.txt Inside playlist.txt add the video location file '/path/to/video/video.mp4' file '/path/to/video/video.mp4' file '/path/to/video/video.mp4' file '/path/to/video/video.mp4' file...
Cloudfront stream only part of the video
video,amazon-web-services,video-streaming,amazon-cloudfront,rtmp
No, CloudFront does not support this functionality. You will need to point player to the different video in this case.
Getting YUV from CMSampleBufferRef for video streaming
ios,objective-c,video,video-streaming,avfoundation
UPDATED I've now read how to YUV buffer is composed and this is how you read it. I also made sure that I dont malloc on every frame. Have fun! ;) //int bufferWidth = CVPixelBufferGetWidth(pixelBuffer); int yHeight = CVPixelBufferGetHeightOfPlane(pixelBuffer,0); int uvHeight = CVPixelBufferGetHeightOfPlane(pixelBuffer,1); int yWidth = CVPixelBufferGetWidthOfPlane(pixelBuffer,0); int uvWidth =...
How to show image like video in facebook
The video is specified via the Open Graph meta tags, as you can see here: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.nmisr.com%2Fvideo-photos%2F141192 See here for more information what specific OG meta tags you need for this: https://developers.facebook.com/docs/sharing/webmasters#media...
How to play video in video view from url based on buffer %age in android?
To be able to start playing an mp4 video before it has fully downloaded the video has to have the metadata at the start of the video rather than the end - unfortunately, with standard mp4 the default it usually to have it at the end. The metadata is in...
Direct link of vimeo android
android,video,videoview,vimeo,vimeo-api
If you want to get a direct link of vimeo video, which you can pass to any player. Here's the method: first hit on to this link https://player.vimeo.com/video/[VIDEO_ID]/config you get a json responce.you can parse json this way String URL = json.getJSONObject("request") .getJSONObject("files") .getJSONObject("h264") .getJSONObject("sd").getString("url"); Now the output string "URL"...
Verify youtube api v3 video exists JS
You can use something like this to determine if a video exists: var url = "https://www.googleapis.com/youtube/v3/videos"; var videoId = "id={YOUR-VIDEO-ID}"; var apiKey = "key={YOUR-API-KEY}"; var part = "part=snippet"; $.get(url + "?" + apiKey + "&" + videoId + "&" + part, function(response) { alert(response.pageInfo.totalResults); }); response.pageInfo.totalResults will equal 0 if...
Matlab - combine two videos into a single split-screen video
matlab,video,matlab-cvst,avi,split-screen
If it is just for playing the videos side-by-side, this simplker code will work, close all clc clear vid1 = vision.VideoFileReader('video1.avi'); vid2 = vision.VideoFileReader('video2.avi'); vidP = vision.VideoPlayer; while ~isDone(vid1) frame1 = step(vid1); frame2 = step(vid2); frame = horzcat(frame1, frame2); step(vidP,frame); end release(vid1); release(vid2); release(vidP); UPDATE: I'm assuming both input videos...