曾几何时，在被遗忘已久的浏览器版本中，将视频导入网站需要创建并嵌入Flash资源。但是现在，所有的现代浏览器都支持HTML5，包括HTML5视频标签，这意味着你有一个任何人都可以的内置视频播放器使用。在乍一看，默认的HTML5视频播放器可能看起来不像童话故事成真，但内置的功能包比你想象的更有价值。即使你需要的不仅仅是HTML5视频标签提供给你的东西，你也可以使用一些CSS和Javascript在HTML5视频标签的基础上进行构建，以增强和定制它以满足你的心意内容。到用HTML5视频标签补充可用的选项，Cloudinary提供了一组视频转码和转换功能，所有处理都在云中完成。结果输出可以在运行中交付，或者您可以预先准备好视频转换，以确保即使是第一个也能快速交付用户。什么时候使用HTML5视频播放器和Cloudinary的视频功能，您将看到您可以用非常小的代码或时间投资做一些非常酷的事情。HTML5视频标签里有什么？许多网站都嵌入了各种各样的专有视频播放器，但在许多情况下，基本的HTML5视频标签提供了你所需的一切，将视频作为网站内容的一部分。例如，完全免费的HTML5视频播放器代码，使您能够：指定播放器的宽度和高度。显示或隐藏HTML5视频控件，包括播放/暂停、音量、全屏切换和搜索滑块。将海报图像设置为在下载或不播放视频时显示。提供一组不同格式的视频，以便每个浏览器可以播放其支持的格式。包括封闭字幕字幕或多种语言的字幕（对搜索引擎优化很好！）。告诉浏览器是在页面加载时开始下载视频，还是仅在用户按"播放"时开始下载视频。控制视频准备好后是否自动播放。决定是玩一次还是循环。指示是否要播放不带声音的视频（静音）。例如，Facebook在自动播放视频时会这样做。下面的简单HTML呈现一个带有视频控件的640x480视频播放器。每个浏览器都将选择最适合它的格式的视频文件（webm、mp4或ogv）。因为提供了字幕曲目，HTML5视频控件包括语言。收到到剪贴板你可以在w3schools上找到更多关于HTML5视频标签的细节网站。转型把代码转换成一个玻璃拖鞋fitSo现在你知道把一个HTML5视频播放器放进你的网络是多么容易页码。但是如何准备和优化你的视频内容适合你的播放器？如果灰姑娘的脚不合脚，玻璃鞋有什么用？换句话说，如果你的视频，或者你的用户上传的视频，在你的网站艺术设计中格式错误或者尺寸错误，或者它们太重或者太长而无法下载，新手建站教程，或者它们无法提供吸引用户注意力和让他们观看所需的效果，那么方便的HTML5视频播放器就不是了够了。格式格式，格式，首先，你或你的用户想要上传的视频，甚至可能不是一个标准的网络格式。即使是这样，你也应该提供WebM、Ogg（又名Theora）和MP4格式的电影，以确保为每一种格式都提供最佳的格式浏览器.云数据库使您能够轻松地将视频从一长串可能的视频输入格式（包括非网络格式）转换为上述三种格式。转码在云端进行，无需安装任何视频处理软件。您可以即时转换代码并交付，也可以在上传过程中急切地进行转换。要想动态地将视频转换为一种格式，只需使用新格式作为扩展类型来交付它。为示例：复制到clipb公司oardhttps://res.cloudinary.com/demo/video/upload/dog.webmThe将代码转换为多种格式的最简单方法是在代码中使用cl_video_tag SDK方法。例如，这一小行代码：rubyhppythonnode.jsJavajQueryAllRuby：复制到剪贴板cl_video_tag（"狗"）PHP:复制到剪贴板cl_video_tag（"狗"）Python:复制到剪贴板CloudinaryVideo（"dog"）.video（）节点.js：复制到剪贴板云数据库.video（"狗"）Java:复制到剪贴板cloudinary.url（）.videoTag（"狗"）jQuery:复制到剪贴板$.云数据库.video（"狗"）自动生成一个完整的HTML片段，包括自动生成用于将代码转换为所有三种格式的url。而且它总是把WebM格式放在第一位，因为这种格式通常会产生较小的格式，因此支持它的浏览器将始终提供较小的格式。有关此标记的详细信息下面。什么时候如果你在运行中转换视频代码，用户第一次访问视频时转换可能需要一些时间，但是所有对同一个URL的后续请求都会通过CDN缓存快速传递。为了避免延迟时间，即使对于第一个查看者，也可以使用急切的转换来准备作为上载一部分的内容过程。优化您的HTML5视频快速交付许多视频录制质量非常高。尤其是如果你的网站包含用户生成的视频内容，而原始质量超出了你的控制范围，那么确保你能够以可接受的大小和速度。传送在正确的文件格式和通过CDN（如前一节所述）中，已经有了很大的进步交货时间。此外，当Cloudinary转换或转换任何视频时，它还会自动优化视频以获得最佳的Web观看效果，并使用质量、比特率、编解码器和更多。但是，如果仍要剪切已传送视频的文件大小，你可以采取很多其他步骤带。到控制上载到站点的视频的物理大小，可以使用调整大小或裁剪视频作为急切的转换，以确保用户上载的视频不会超过最大物理大小。例如，即使用户以全屏大小观看您的视频，1280X720帧大小对于大多数用途来说也足够了。因此，您可以使用诸如以下：复制到剪贴板云数据库：上传器.upload（"我的_视频.mp4"，：resource_type=>：视频，：eager=>{:width=>1280，：height=>720，：crop=>：scale}）如果用户上传的视频与您想要的视频播放器的高宽比不同，大数据培训班，您还可以利用快速裁剪转换来调整视频大小包括。什么时候相关的，您可以通过使用duration参数将长视频裁剪为特定的持续时间来限制视频长度。在某些情况下，调整质量和比特率设置还可以减少文件大小，而不会对视觉感知的质量产生显著影响。为示例：更改上传的9.8MB mp4视频的质量为50，或者将比特率更改为500千比特，则该视频的文件大小将减小到1左右MB。用于您以原始格式传送的视频，物联网城市，无需其他自定义转换，您可以将video_codec设置为auto，以规范化和优化web视频，包括音频设置。 或者，您也可以手动选择视频编解码器设置。捕获你的听众往往是一些小事才有区别。你要确保吸引观众的注意力，让他们按播放按钮。当然，你希望他们继续关注他们开始。很好打开HTML5视频播放器支持显示初始海报图像，以便在下载或播放之前向用户提示视频的全部内容，但该图像来自何处？一个简单的方法是让Cloudinary根据视频中的帧自动生成图像。默认情况下，返利模式，它采用中间帧，但可以通过指定偏移时间来选择任何其他帧。您还可以在Cloudinary图像库中选择任何其他图像作为开幕海报图像。无论您选择什么图像，您都可以应用所需的任何图像转换；您可以放大、添加特殊效果或艺术过滤器、覆盖等等更多。为了例如，对于下面的海报图像，我们使用Betsy Weber的这段很酷的爱丁堡延时视频的第二个0:36，我们覆盖一个透明的movie curtain.png文件和一些文本。复制到剪贴板：poster=>{:transformation=>[{:width=>1850，：crop=>"缩放"}，{:overlay=>"电影帘幕覆盖新"}，{：覆盖=>"文本：Courier_80_粗体：一次，一次，：重力=>"北"，：y=>60}，{：起始偏移量=>36}]}加厚情节，开场白只是乐趣的开始。根据视频的目的和受众，你可以对视频本身做很多事情。以下是一些可能的例子，只需一行代码：对视频应用改进效果以调整对比度或饱和度。添加淡入和淡出效果。用圆角显示视频，甚至以圆形或椭圆形显示。或者播放带有小插曲效果的视频。在指定的时间和位置添加覆盖。例如，您可以向视频演示添加标注，而无需编辑原始视频。在视频上覆盖视频，例如手语翻译或演示的叙述者。旋转一个视频；不只是90度，以允许纵向视频，发发淘客神器，但任何角度，你喜欢。连接两个视频，例如包含一个adver