程序员经验分享-hwhale

Chrome 无法播放 .mp4 文件

2023-11-21

我正在尝试让 HTML5 视频正常工作。我正在本地服务器上工作。

<video id="headervideo" controls>
   <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

但是，该文件拒绝播放。当我使用绝对路径访问它时，它只会显示播放按钮呈灰色的播放器。 这里可能有什么问题？


Internet Explorer 和 Safari 等浏览器支持播放 mp4 文件的 .H264 编解码器。 Firefox 支持播放 .ogv 文件的 Theora 编解码器。 Chrome 支持 .H264 和 Theora。但要使您的视频在所有浏览器上运行，您需要使用 HandBrake 等应用程序将 mp4 视频编码为不同的格式。然后amke你的代码：

<video id="headervideo" controls>
    <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4">
    <source src="<?php echo base_url(); ?>assets/home.webm" type="video/webm">
    <source src="<?php echo base_url(); ?>assets/home.ogv" type="video/ogg">
    Your browser does not support the video tag.
</video>

并更改您的 .htaccess 文件以支持视频

AddType video/mp4 mp4 m4v
AddType audio/mp4 m4a 
AddType video/ogg ogv
AddType audio/ogg ogg oga
AddType video/webm webm
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

video

localhost

MP4

Chrome 无法播放 .mp4 文件 的相关文章

  • Bootstrap 按钮的检查状态

    我想在 Bootstrap 3 0 2 中设置组复选框的选中状态 docs http getbootstrap com javascript buttons html div class btn group div

  • 如何使用 Angular 1.5 中的组件为每个页面设置标题

    我最近开始使用 Angular 1 5 组件 我的应用程序中有多个页面 所以我决定创建一个

  • Bootstrap .row margin-left: -15px - 为什么它会缩进（来自文档）

    我在 Bootstrap 文档中看到了这一行 http getbootstrap com css grid intro http getbootstrap com css grid intro It says 列通过填充创建装订线 列内容之

  • div 准备好后如何调用函数？

    我的 javascript 文件中有以下内容 var divId divIDer jQuery divId ready function createGrid Adds a grid to the html html 看起来像这样 div

  • 表格固定标题和第一列 css/html

    我有一个包含大量行和列的表 但我想固定标题和第一列 这是我需要的图片 只有粉色部分必须水平和垂直滚动 但其他部分在滚动过程中必须保持可见 我的表位于 div 中 首先 我应该使用一张桌子还是四张桌子 蓝色桌子 红色桌子 绿色桌子和粉色桌子

  • Rails 上的 SASS 无效 CSS 错误

    我正在尝试使用http startbootstrap com stylish portfolio http startbootstrap com stylish portfolio但是 在我的 Rails 应用程序中 我在 vintage

  • 移动设备上的剩余悬停效果

    我一整天都在努力做这个JSFiddle http jsfiddle net gsamaras q2w4jjyt 4 也适用于手机 但我所有的尝试都没有效果 在桌面上 当用户将鼠标悬停在箭头上时 它会变成红色 在移动设备上 当用户触摸 为了单

  • 将 ngModel 绑定到自定义指令

    所以我已经在这个问题上工作了一个星期了 但我似乎无法理解整个指令的事情 我读了很多帖子 揭秘指令 http www toptal com angular js angular js demystifying directives 指令 ht

  • 如何将多个画布元素放入一个画布元素中？

    我有多个由 JavaScript 创建的画布元素 我的问题是 如何将多个画布元素放入一个画布元素 干得好 JSfiddle http jsfiddle net Allendar UqxCY 它会抓取每个画布并将它们做成 PNG 的 访问缓冲

  • 如何使弹出窗口溢出：在溢出内可见：自动上下文

    我有一个 div 列表 如果超过父框 overflow x 应该滚动 并且在悬停时 我想看到一个弹出窗口 我的问题是 如果我将鼠标悬停在任何子 div 上 弹出窗口将被考虑用于溢出计算 但我只想让它在所有内容之上可见 而不是使其扩展滚动区域

  • 通过按 Enter 键提交表单而不使用提交按钮

    好吧 我试图通过按 Enter 键来提交表单 但不显示提交按钮 如果可能的话 我不想涉足 JavaScript 因为我希望一切都能在所有浏览器上运行 我知道的唯一 JS 方式是使用事件 现在的表格看起来像这样

  • 滚动时多个图像淡出

    我有一个页面 在每个导航点上 网站中间的图像通过淡入淡出来改变颜色 我设法淡入 active3 fadeIn 2000 不过 我遇到了再次淡出它的问题 让我尝试解释一下 我有 5 个导航点和 5 个不同的图像 如果我 例如 从第一个导航点滚

  • 如何更改谷歌图表标题字体大小？

    如何更改谷歌图表中标题的字体大小 var options title My Daily Activities backgroundColor transparent is3D true 在这样的选项中使用 titleTextStyle va

  • BeautifulSoup4：选择属性不等于x的元素

    我想做这样的事情 soup find all td attrs class foo 我想找到所有不具有 foo 类的 td 显然上面的方法不起作用 那怎么办呢 BeautifulSoup确实使 汤 变得美丽且易于使用 You 可以传递一个函

  • 如何将值发布到输入框中？

    Intro I would like to get the current time after clicking at click and POST the value into input text box Note 假设包含引导样式表

  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航

  • ffmpeg计算视频比特率

    我想知道如何计算该视频的比特率 http jell yfish us media jellyfish 30 mbps hd hevc mkv http jell yfish us media jellyfish 30 mbps hd hev

  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这

  • 如何更改 HTML 文档的“实际编码”？

    我通过 W3C HTML 验证器运行我的网页并收到此错误 编码ascii不是字符的首选名称 使用中的编码 首选名称是 us ascii Charmod C024 第 5 行 第 70 列 内部编码声明 utf 8 不同意 文档的实际编码 u

  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元

随机推荐

  • 固定元素在 Chrome 中消失

    当在我构建的网站上滚动时 使用 CSS 属性position fixed按预期工作 将导航栏保留在页面的最顶部 然而 在 Chrome 中 如果您使用导航栏中的链接 有时消失 通常 您单击的项目仍然可见 但并非总是如此 有时整个事情都会消失

  • AVPlayer 顶部绘制按钮

    我必须在视频顶部绘制标签或按钮relay next previous leave comment 视频列表有它 一旦用户从表中选择一项 就需要播放 播放器播放完成后 这些按钮或标签应该出现在视频顶部 这是我的代码 comPlayerCont

  • 在 LINQ 查询中使用 DateTime?.Value.TimeOfDay

    我正在尝试在 ASP NET MVC 3 上使用 LINQ 进行查询 我有一个模型 我们称之为事件 此 Event 对象有一个 Date 属性 即 DateTime 我想要的是获取 2 个时间跨度之间的事件 现在我的代码如下所示 TimeS

  • 对 3 个具有关系的实体进行建模

    假设我们的环境中有三个实体 Teacher Student and Course 每位教师拥有 教授 1 门或以上课程 且每门课程由 0 名或以上教师提供 每个学生已选修 1 门或多门课程 每门课程由 0 名或更多学生选修 每个教师有 0

  • 使用 AndroidHttpClient 的 SSL/TLS 协议和密码套件

    编辑 如果我原来的帖子措辞不好 我深表歉意 这导致了一些混乱 表现为对原始帖子的评论 那么让我再试一次 我从一个问题开始 我想解决 Android 上的问题 但不知道如何解决 我花了很多时间在网上寻找解决方案 但没有发现任何关于这个问题的讨

  • 如何使用 CMake 链接到 C 数学库？

    我如何添加math库到我的 CMake 文件 这post参考文献添加一个目标链接库 但我对 C An 不太熟悉附加帖子 有人可以举个例子吗 文档我正在使用 C 并且收到一个undefined reference to pow 使用数学标题的

  • 同一页面上具有相同选项的多个传单地图

    我对 leaflet js 还很陌生 我试图弄清楚如何将具有相同选项和图层集的相同地图分配给不同的 HTML 容器 而不必每次都删除并添加新的容器 我曾经处理 Open Layers 2 13 并且我有 map render div 每次我

  • phpmyadmin：如何取消导入大数据库的时间限制

    如何删除 phpmyadmin 中导入操作的时间限制 由于限制 我无法上传大数据库 我必须再次登录数据库 Thanks 我使用MySQLBigDump 昨天对我来说效果很好

  • 带注释的控制器中的动态命令类

    从 Spring MVC 3 开始 AbstractCommandController已弃用 因此您不能再在中指定命令类setCommandClass 相反 您可以在请求处理程序的参数列表中对命令类进行硬编码 例如 RequestMappi

  • 如何合并/扩展不同 JAR 中的持久性单元？

    我将 JPA 持久性用于我的数据模型 并使用 Eclipselink 作为持久性提供程序 我有一个模块化 OSGi 应用程序 其中一个模块包含标准数据模型和一个持久单元 该单元自动包含包中的所有实体 持久性提供程序位于另一个模块中 该模块运

  • MySQL 中的交集

    我有两个表 记录和数据 记录有多个字段 名字 姓氏等 这些字段中的每一个都是存储实际值的数据表的外键 我需要搜索多个记录字段 下面是一个使用 INTERSECT 的示例查询 但我需要一个可以在 MySQL 中运行的查询 SELECT rec

  • 从 Android Activity 调用 javascript 函数

    我想从 android 活动调用 javascript 函数 但它似乎不起作用 我使用了 android webview 函数 webview loadUrl javascript function 这是我的安卓代码 package com

  • 在 Delphi XE 中构建事件宏

    根据Delphi的帮助文件 当我打开对话框将构建事件添加到项目选项时 该对话框应显示我可以在构建事件的命令行上使用的宏 占位符 列表 当我在 Delphi XE 中尝试此操作时 宏列表为空 帮助文件也没有说明哪些宏可用 我可以找到 那么 哪

  • 如何将字符串转换为字典或列表？

    我有诸如以下的字符串 1 2 3 and a 1 b 2 如何将它们转换为列表 字典 有人提到ast literal eval or eval可以解析转换为列表 字典的字符串 有什么区别ast literal eval and eval a

  • Firestore - 检查模块与服务器的连接状态

    我注意到关闭互联网连接并重新打开后 while my Android app仍在运行 无论是否在后台 则需要Firestore模块需要很长时间才能重新获得与服务器的连接 大约一分钟 并且我无法进行任何操作Firestore操作直到恢复连接

  • 如何将 groupby.first() 与变换函数一起使用

    我想使用 groupby first 函数查找组的第一个非空值并将该值转换为组中的每一行 我尝试过以下代码 import pandas as pd import numpy as np raw data col1 a a a b b b b

  • MATCH AGAINST 和 LIKE 哪个 SQL 查询更好？

    要在数据库中搜索 foo desc 和 bar desc 任意列中同时具有关键字 foo 和 bar 的行 我会执行以下操作 SELECT FROM t1 WHERE MATCH t1 foo desc t2 bar desc AGAINS

  • 发布到 django Rest 框架

    我想使用以下方式发布到我的 Django 服务器post所以我可以添加一个todo物品 这是模型 class Todo models Model title models CharField max length 200 text mode

  • 如何使用 T-SQL 替换模式？

    我有规范化 POB 地址的代码 例如 其中包含的标准化之一是 set string replace string pobox pob 现在我想做类似的事情 我想找到任何直接跟在数字后面 中间没有空格 的 POB 并插入一个空格 我想找到模式

  • Chrome 无法播放 .mp4 文件

    我正在尝试让 HTML5 视频正常工作 我正在本地服务器上工作

热门标签