C 4 h 9 oh:如何将VP9webm h264MP4和h265MP4嵌入到单个视频标签中

我想将一个视频标签放入一个 html 页面。我希望它加载一个 webm 视频文件,如果他们的设备支持 webm,否则它将加载 h265 MP4,如果他们的设备支持 h265,否则它将回落到 h264 MP4。

<video controls preload="metadata" width="720" >
   <source src="v9.webm" type="video/webm">
   <source src="h265.mp4" type="video/mp4">
   <source src="h264.mp4" type="video/mp4">
</video>

它似乎没有办法表明第一个 mp4 文件是 h265 文件,第二个是 h264,因此浏览器或设备可以适当地选择它可以实际显示的格式。

2

我会尝试沿着这些线的东西:

<video id="video" controls>
</video>
<script>
var video = document.getElementById("video");
if(video.canPlayType('video/mp4; codecs="avc1.42E01E"'))
{
    video.src = "h264.mp4";
}
if(video.canPlayType('video/mp4; codecs="hev1"'))
{
    video.src = "h265.mp4";
}
if(video.canPlayType('video/webm; codecs="vp9"')
{
    video.src = "vp9.webm";
}
</script>
2

您可以将第一个答案的 JavaSCript 中显示的 Type 和 Codec 放在 source 属性中-只保留 HTM5。MDN reference

2

所以,结合两个响应,我得到:

<video controls preload="metadata" width="720" >
   <source src="v9.webm" type="video/webm; codecs='vp9'">
   <source src="h265.mp4" type="video/mp4; codecs='hev1'">
   <source src="h264.mp4" type="video/mp4; codecs='avc1.42E01E'">
</video>
0

我试着遵循非理性的反应,但得到了错误,直到我切换's 和"s 周围的type标志。

<video controls preload="metadata" width="720" >
   <source src="v9.webm" type='video/webm; codecs="vp9"'>
   <source src="h265.mp4" type='video/mp4; codecs="hev1"'>
   <source src="h264.mp4" type='video/mp4; codecs="avc1.42E01E"'>
</video>

似乎这不重要,但这是它为我工作的唯一方式。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(823)
C#编写计算器:C# 基本计算器(simple calculator in c# visual studio 2019)
上一篇
Canon打印机ip地址从哪里找:获取打印机的 IP地址(how to find ip address on printer)
下一篇

相关推荐

  • websocket不稳定 网络正常:如何确保Websocket连接的稳定性

    不稳定的原因可能有很多,但主要是由于网络延迟或者网络中断导致的。网络延迟:网络延迟是指在客户端和服务器之间传输数据时,由于网络状况不佳,数据传输速度变慢,从而导致不稳定。…

    2023-01-22 12:34:57
    0 18 76
  • weblogic端口号:使用Weblogic端口号搭建Web应用程序

    weblogic端口号是指WebLogic服务器使用的端口号,它用于连接客户端与服务器之间的网络通信。默认情况下,WebLogic服务器使用7001端口号,但可以在安装WebLogic服务器时自定义端口号。…

    2023-05-12 03:07:06
    0 90 29
  • weblogic默认密码:如何更改Weblogic的默认密码

    修改方法修改方法默认密码为。可以使用以下命令来修改的默认密码:…

    2023-02-26 09:50:32
    0 72 23
  • weblogic日志文件路径:Weblogic日志文件分析

    Weblogic日志文件的路径通常位于weblogic安装目录下的servers/server_name/logs文件夹中,其中server_name是指安装的weblogic服务器名称。…

    2023-04-18 07:47:54
    0 18 11
  • weblogic调优:如何优化Weblogic应用服务器性能

    调优是一种提高服务器性能的方法。下面介绍几种常用的调优技巧:优化JVM参数:通过调整JVM参数来提高服务器的性能,例如,可以通过调整-Xmx和-Xms参数来设置最大堆内存大小,以及通过调整-XX:参数来设置永久代的最大内存大小。…

    2023-04-05 03:49:42
    0 12 25
  • weblogic官网:深入了解Weblogic - 助力企业实现数字化转型

    Weblogic官网是Oracle的一个应用服务器,用于构建、部署和管理大型、复杂的应用程序。它可以帮助开发人员更轻松地创建、部署和管理Web应用程序,而无需编写大量的代码。…

    2023-04-11 06:59:50
    0 78 88
  • css免费字体:Welcome to my website!

    CSS免费字体是指可以使用CSS代码来引入的免费字体,它们可以通过在网页中引入免费字体文件,或者使用@font-face规则来使用。…

    2023-02-28 13:55:32
    0 46 64
  • cookie跨域实现一个安全、可靠的Web应用

    示例示例Cookie跨域是指在不同域之间共享Cookie的技术,它可以使用户在访问网站时保持登录状态,而不必在每个域中重新登录。Cookie跨域通常是通过设置响应头中的Set-Cookie字段来实现的,其中可以设置Domain和Path属性,以控制Cookie在哪些域和路径下可用。…

    2023-04-02 13:40:33
    0 75 31

发表评论

登录 后才能评论

评论列表(76条)