程序员经验分享-hwhale

如何在HTML页面中播放视频

2023-12-20

我正在尝试在 HTML 页面上播放 mp4 视频，我搜索了网络并发现在 HTML5 中我可以使用video像下面这样的标签

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
</video>

我面临的问题

  • 我的主要问题是我的视频存储在本地计算机的某个位置，那么我如何从该路径调用它
  • 在我的系统中它位于D drive所以我想从那里打电话
  • 我对此很陌生，所以我不知道我是否以正确的方式这样做；我的方法正确吗？
  • 我的要求是在我的网页上自动播放视频

我正在这样做

<video width="320" height="240" autoplay>
  <source src="D:\Video\samplevideo.mp4" type="video/mp4">
</video>

D:\Video\samplevideo.mp4是我的文件的路径samplevideo.mp4是视频的名称

在 Chrome 上它显示错误Not allowed to load local resource: file:///D:/Video/samplevideo.mp4

在火狐浏览器上All candidate resources failed to load. Media load paused.

Edit

我的主要重点是在网页上播放视频。

加载页面时，我需要在网络（HTML 页面）上播放视频 我的系统中有该视频D:\Video\samplevideo.mp4这条路径，如何在页面加载时播放该视频。


试试这个代码

 <video muted autoplay loop class="video video js-video" id="hero-vid" poster="video/desktop-screen-banner.png">
    <source src="video/movie.webm" type="video/webm">
    <source src="video/movie.mp4" type="video/mp4">
    <source src="video/movie.ogg" type="video/ogg">
</video>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

html

video

如何在HTML页面中播放视频 的相关文章

  • 在 JavaScript 中解析日期时间字符串

    有谁知道如何解析所需格式的日期字符串dd mm yyyy See Mozilla Core JavaScript 参考 日期对象 https developer mozilla org en Core JavaScript 1 5 Refe

  • 仅当 url 以 www 为前缀时才会发生 CORS 错误

    我目前遇到一个关于 CORS 跨源资源共享 的问题 奇怪的是 只有当我使用 www url 前缀时 才会出现这种情况 例如 当我使用以下网址访问我的网站时 http example com index http example com in

  • console.log 是如何工作的？

    第一个例子 在以下示例中 http jsfiddle net maniator ScTAW 4 http jsfiddle net maniator ScTAW 4 我有这个js var storage function var store

  • 添加数组的总和。显示1个输出

    更新 这个问题的答案如下 感谢在不同线程上进行的 dougtesting 将数组相加 显示总和 https stackoverflow com questions 45724641 add array together display su

  • 图像未完整显示在身体背景上

    例子 http jsbin com opokev 20 http jsbin com opokev 20 完整图片 http i53 tinypic com 347a8uu jpg http i53 tinypic com 347a8uu

  • 如何在 jQgrid 中隐藏列但在添加/编辑面板中显示此列

    我想要一种我使用的控制形式 但字段数量太高了 如何显示网格 但只有表单添加 编辑弹出面板中的某些字段显示所有字段 以下是您可以执行此操作的方法 colModel name email label E mail editable true h

  • 使用 AngularJS $resource 进行 jsonp 请求

    我在 AngularJS 中定义了以下 2 个服务 两者都应该返回 JSONP 因为我正在进行跨域请求 服务A angular module ServiceA ngResource factory A function resource r

  • 当 eslint 从子文件夹运行时无法解析相对模块路径

    当我从存储库的根文件夹运行 eslint 时 一切运行正常 没有错误 但是当我从子文件夹运行时 我会得到大量导入 未解决的问题 而当我从根目录运行时则不会发生这种情况 reporoot subfolder0 subfolder1 MyFil

  • jQuery 删除函数真的删除 Dom 元素吗？

    我真的想知道 jQuery 是否remove http api jquery com remove 函数确实从 DOM 中删除元素 首先 我看了here https stackoverflow com questions 2185760 j

  • AngularJS 与（Angular JS + jQuery）

    我有一个关于仅使用 AngularJS 和纯 JavaScript 以及使用 AngularJS 和 jQuery 时的性能问题 ex app directive fitHeight function window return restr

  • LINQ SingleOrDefault() 等效项

    在 Typescript 中 我经常使用这种模式 class Vegetable constructor public id number public name string var vegetable array new Array

  • 使用 System.js 导入 Typescript 编译的模块时出错

    我最近正在学习使用 system js 导入由 Typescript 编译的模块 这些模块之前是为 require js 编译的 并且工作正常 但是合并到system js时 应用时无法导入模块系统生产 js 控制台说 Uncaught i

  • 内部样式表中的 HTML 注释标签[重复]

    这个问题在这里已经有答案了 可能的重复 注释掉 HTML 文档中的样式表以支持旧版浏览器 https stackoverflow com questions 6825773 commenting out stylesheets in htm

  • EaselJS Alpha 遮罩滤镜

    我对 Canvas 还很陌生 我一直在尝试将图像颠倒过来EaselJS Alpha 蒙版 http www createjs com demos easeljs alphamaskreveal示例 以便初始图像清晰 并且您可以paint是模

  • 在成功回调之前修改 JSONP 结果

    我想从外部服务加载一些 JSON 数据 然而 它提供 foo bar useful 而我真正关心的是 有用 的部分 我需要将那部分传递给success打回来 我正在尝试使用Deferred一次从多个数据源加载 类似this https st

  • 掩码输入数字 - 百分比

    如何通过 jQuery 创建具有百分比的数字掩码输入 我是否让输入仅接受三个数字 并在用户完成输入时在数字后添加百分号 keyup 我不使用插件 例子 1 Or 30 Or 99 Or 100 Or 200

  • 如何控制谷歌地图标记的不透明度

    我需要根据时间使一些标记半透明 有什么方法可以控制标记的 CSS 不透明度吗 或者是否可以可靠地找出标记的 DOM 元素 我使用 Google 地图 API v3 标记的不透明度可以设置为marker setOptions opacity

  • ExtJS：简单表单忽略 formBind

    我有一个小问题让我发疯了好几天 我有一个表单面板 Ext define EC view PasswordPanel extend Ext form Panel alias widget pwdpanel bodyPadding 15 ini

  • 如何创建浏览器插件？

    我必须创建一个插件 当用户将鼠标悬停在某些术语上时 该插件必须显示信息 谁能告诉我如何做的方向 我对创建插件没有太多想法 我知道我想要做的事情可以通过java脚本来完成 但是java脚本文件可以作为浏览器插件安装吗 任何对此的想法将不胜感激

  • JavaScript：如何在 Internet Explorer 中模拟更改事件（委托）

    UPDATE 回顾 小提琴和赏金 这个问题并没有引起太多关注 所以我将花一些时间来解决这个问题 我知道我的答案和问题都过于冗长 这就是为什么我继续设置这把小提琴 http jsfiddle net vVA8N 在我看来 这是我目前必须用来接

随机推荐

  • 实现 C++ 后缀增量运算符

    我编译了以下示例 include

  • 如何为这个 jQuery 动画添加加速？

    我能够动画化我的 div 更多信息 https stackoverflow com questions 7121147 slideup only hides cant show using slideup from bottom 100px

  • 为什么在链表中查找循环时将指针增加 2，而不是 3、4、5？

    我看了一下question https stackoverflow com questions 2663115 interview question how to detect a loop in a linked list已经讨论了在链表

  • 如何在摩纳哥编辑器中添加打开下拉菜单的操作？

    我知道如何在 Monaco 编辑器的上下文菜单中添加条目 editor addAction 如何添加打开下拉列表的操作作为 命令面板 操作 正如中提到的这个问题 https github com Microsoft monaco edito

  • 使用终端，如何让 OS X 使用 PHP 的 MAMP 版本

    我目前正在学习 Yii 框架 昨天运行的教程之一要求我测试项目的数据库连接 这里的细节并不是太重要 但基本上当我运行 shell 并输入命令时 它会抛出如下错误 server trackstar charlieryan protected

  • Windows 服务的心跳活动

    我有许多 Windows 服务 用 C 4 0 编写 它们以不同的时间间隔连接到数据库并执行各种复杂的任务 其中一些任务每天仅每隔 X 小时发生一次 但是 服务器支持团队想知道 Windows 服务是否确实在运行 因为任务之间可能存在很大的

  • Logstash：是否可以将文档保存在内存中？

    我正在尝试将数据保存在内存中 以便能够在过滤器部分中快速检索 事实上 当我收到新文档时 我想检索以前的相关文档以计算一些新指标 谁能告诉我这是否可能 如果是 我怎样才能实现这一目标 非常感谢 Joe 实现这一目标最接近的方法是使用elast

  • 如何使用另一个表中的随机行更新表的每一行

    我正在构建我的第一个去识别脚本 但我的方法遇到了问题 我有一张桌子dbo pseudonyms whose firstname列填充有 200 行数据 此 200 行列中的每一行都有一个值 无空值 这个表还有一个id数字为 1 200 的列

  • React & Clarifai：未捕获的 ReferenceError：流程未定义

    我正在使用 Clarifai API 中的人脸检测模型构建一个 React 应用程序 当我import Clarifai from clarifai VS Code 提示我此警告 Could not find a declaration f

  • 如何使用python从gs存储桶中获取文件数量

    我想计算 gs 存储桶中的文件数量 该存储桶的文件夹名为我的文件管理器 假设项目名称为PrName存储桶名称是测试文件那么我如何使用 python 3 读取该存储桶中存在的文件数量 你可以使用方法 list blobs 在您的存储客户端上计

  • PHP自定义基于字符串出现次数的排序函数？

    假设我有一个数组 arr array Animal Dog Subject Physics Place Tokyo Sport Tennis 我想要usort具有以下标准 如果它包含tokyo排名第一 如果包含tennis排名第二 如果包含

  • JSON key 可以是字符串或对象

    我想解析一些 JSON 但其中一个键要么是字符串 要么是对象 这是我当前的结构 https github com PhillippOhlandt pmtoapib blob master CollectionItemRequest go L

  • 什么是 objc_msgSend 以及为什么它占用如此多的处理时间？

    我一直在分析我的回合制游戏应用程序 并且遇到了一个有趣的 也许 问题 根据下图 似乎objc msgSend占用了我的应用程序运行时间的近一分钟 这是什么 这是代码写得不好的标志吗 谢谢 正如 user1118321上面所说 objc ms

  • 在设计时设置复合 WF4 活动的内部属性

    我想创建一个复合 Windows 工作流活动 在 NET 4 下 其中包含预定义的 ReceiveAndSendReply 活动 有些属性是预定义的 但其他属性 特别是 ServiceContractName 需要在设计器中设置 我可以将其

  • 如何（正确）在 AWS Lambda 函数中使用外部凭证？

    我有一个用 Python 编写的 非常基本但工作完美 AWS lambda 函数 但是它具有要连接到的嵌入式凭据 1 外部网络服务 2 DynamoDB 表 该函数的作用相当基本 它针对服务发布登录信息 使用凭证 1 然后将部分响应状态保存

  • 有人可以解释一下这个 bash 命令吗？

    从网站上可以看到RVM https rvm io bash lt lt curl https rvm io releases rvm install head 第一个小于号有什么作用 关于 lt 我知道这是一个愚蠢的问题 但我很想了解这一点

  • 有关 XML 布局标签属性的 Android SDK 信息

    我正在研究 Android SKD 文档 我想知道在哪里可以找到有关定义应用程序界面布局时使用的 XML 标签属性的信息 例如安卓 名称 安卓 id class 片段标签的属性等 我在参考文档中找不到它们 该文档仅列出了 Java 类的文档

  • Django：ValueError：以 10 为基数的 int() 的文字无效：

    我正在尝试 django 中的一些东西 只是一个简单的表单 它将添加每次登录数据库的尝试 它导致 ValueError invalidliteral for int with base 10 我已经检查了很多问题 但无法克服此错误 我有这样

  • 真正的客户端 HTML 包括

    HTML 不支持客户端包含其他 HTML 例如使用 C 获取 include指示 相反 客户端 HTML 包含的主要工具似乎是iframe object 尤其是 jQuery 的 load See 这个线程 https stackoverf

  • 如何在HTML页面中播放视频

    我正在尝试在 HTML 页面上播放 mp4 视频 我搜索了网络并发现在 HTML5 中我可以使用video像下面这样的标签

热门标签