What is the difference between H.264 video and MPEG-4 video? [closed]

H.264 is a new standard for video compression which has more advanced compression methods than the basic MPEG-4 compression. One of the advantages of H.264 is the high compression rate. It is about 1.5 to 2 times more efficient than MPEG-4 encoding. This high compression rate makes it possible to record more information on the … Read more

How to embed a YouTube channel into a webpage

YouTube supports a fairly easy to use iframe and url interface to embed videos, playlists and all user uploads to your channel: https://developers.google.com/youtube/player_parameters For example this HTML will embed a player loaded with a playlist of all the videos uploaded to your channel. Replace YOURCHANNELNAME with the actual name of your channel: <iframe src=”https://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME” width=”480″ … Read more

HTML 5 Video stretch

I have tested by using object-fit: fill in CSS Works good. video { object-fit: fill; } From MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit): The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established by its used height and width. Value: fill The replaced content is sized to fill the element’s … Read more

Safari ignores mp4 files

I found that the following accept string will add mp4 and m4v to the list of file types that safari will accept: accept=”video/mp4,video/x-m4v,video/*” I’m not sure what the mime type is for webm videos but if you can look that up you should be able to tack it on to the accept string. The trick … Read more

Reducing video size with same format and reducing frame size

ffmpeg provides this functionality. All you need to do is run someting like ffmpeg -i <inputfilename> -s 640×480 -b 512k -vcodec mpeg1video -acodec copy <outputfilename> For newer versions of ffmpeg you need to change -b to -b:v: ffmpeg -i <inputfilename> -s 640×480 -b:v 512k -vcodec mpeg1video -acodec copy <outputfilename> to convert the input video file … Read more

html5: display video inside canvas

var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); var video = document.getElementById(‘video’); video.addEventListener(‘play’, function () { var $this = this; //cache (function loop() { if (!$this.paused && !$this.ended) { ctx.drawImage($this, 0, 0); setTimeout(loop, 1000 / 30); // drawing at 30fps } })(); }, 0); I guess the above code is self Explanatory, If not drop … Read more

How to add transparent watermark in center of a video with ffmpeg?

Examples to add a watermark / logo image on video using the overlay filter. Centered ffmpeg -i input.mp4 -i logo.png -filter_complex “overlay=(main_w-overlay_w)/2:(main_h-overlay_h)/2” -codec:a copy output.mp4 or with the shortened overlay options: overlay=(W-w)/2:(H-h)/2 Top left This is the easy one because the default, if you provide no options to overlay, is to place the image in … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)