<video>tag, which means you’ve got a built-in video player that anyone can use.
<video>tag to enhance and customize it to your heart’s content.
<video>tag provides everything you need to deliver videos as part of your website content. For example, completely whistle-free HTML5 video player code, enables you to:
ogv). Because subtitle tracks were provided, the video controls include a closed-captioning list of languages.
cl_video_tagSDK method in your code. For example, this tiny line of code:
<video>HTML snippet, including automatically generating the
<source>URLs for transcoding to all three formats. And it always puts the WebM format first, since that format generally produces smaller formats, so that browsers that support it, will always deliver the smaller format.
auto, to normalize and optimize the video for web, including the audio settings. Alternatively, you can manually select the video_codec settings.
cl_video_tagSDK helper method, which you can use to automatically generate a
<video>HTML snippet. So let’s show you how it’s done, and how you can actually include almost everything we’ve talked about so far, inside a single
public_idis the name of a video that has been uploaded to your Cloudinary account, and the
optionsinclude a bunch of optional settings, such as:
<video>sources (default webm, mp4 and ogv).
cl_video_tagmethod call can look as simple as this:
loop, for those who want to enjoy more than one sunrise and sunset.
cropthe video to
480(4:3 aspect ratio) using the
padmethod, so that one size video player can host videos uploaded in both 4:3 and 16:9 ratios.
70, which decreases the file size from 17.5 MB to 8.2 MB.
durationof the video to
60seconds, resulting in a 2.9 MB file.
overlayto our castle video for some extra cuteness points.
controlsand video output in all
<video>tag it generates:
<video>tag to your HTML page.
cl_video_tagSDK helper method.
HTML5 <video> tagand the Cloudinary
cl_video_tagwent off into the sunset, hand-in-hand as the perfect couple. And they lived happily ever after.