如何使用 html 5 跳转到视频位置

2024-04-19

我想使用 html5 video 标签来播放我的视频。 如何设置视频开始播放的时间。

例如我的视频长 90 秒,我想在 30 秒时开始播放

  <video width="320" height="240" controls>
  <source src="<?php echo base_url() ?>/programs/prg1.mp4" type="video/mp4">
  Your browser does not support the video tag.
  </video>

请帮我


From http://blog.grio.com/2012/08/how-to-seek-an-html5-video-at-a-specific-time-on-load.html http://blog.grio.com/2012/08/how-to-seek-an-html5-video-at-a-specific-time-on-load.html

如何在 Load 上的特定时间查找 HTML5 视频作者:Peter Tubig

HTML:

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

JavaScript:

document.getElementById("video1").currentTime = 10;

Javascript 语句将 video1 视频的当前时间设置为 10 秒标记。但是,只有当浏览器已经加载视频的元数据时,这才有效。元数据包含相关视频信息,例如尺寸和持续时间。浏览器需要知道视频的持续时间才能查找视频。如果没有,则不会设置当前时间(保持 0)。可能发生这种情况的场景是当网页想要在页面加载时的特定时间播放视频时。

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

如何使用 html 5 跳转到视频位置 的相关文章

  • HTML5 视频标签在 Safari、iPhone 和 iPad 中不起作用

    我正在尝试创建一个 html5 网页 其中有一个像 13s 这样的小视频 我将该视频的 flash 版本转换为 3 种格式 使用 fireFogg 的 ogv 使用 firefogg 的 webm 以及使用 HandBrake 应用程序 h
  • 视频作为网站上的背景根据命令播放

    我一直在尝试将视频设置为背景 我有 flv 文件和 youtube 链接 使用 html5 视频标签或 jquery 将其放在我的网站上并不困难 但我找不到如何将它放在我的网站上但不能自动启动 我有一个半透明的矩形 文本将显示在其中 所以我
  • 有没有办法在桌面 Chrome/HTML5 播放器中添加对 HLS 的支持?

    桌面版 Chrome 和 FF 不支持 HLS 我知道有一个插件可以为 flash 添加 HLS 支持 是否有这样的插件或技术可用于在尚不支持 HLS 的浏览器上增强 HTML5 这不仅是可能的 而且已经被做过无数次了 有多种开源和闭源解决
  • 将 div 容器调整为视频大小(也可全屏)

    我正在尝试获取覆盖视频的文本 并根据其大小调整进行相应的操作 目前我的麻烦是使视频容器的大小与播放器相同 以及全屏模式 我的容器是相对定位的 我的视频和文本叠加 div 是绝对定位的 HTML div div
  • 在 HTML5 视频中突出显示播放器搜索栏

    我的 HTML5 视频播放器有一个定制的搜索栏 但我需要突出显示搜索栏的一些预定义部分 例如秒2 5 and 7 8 我怎样才能做到这一点 基本上 我需要它是这样的 到目前为止 这是我的简单代码
  • 为什么 html5 视频循环每次迭代都会创建请求

    I have 禁用缓存勾选已删除 但每次视频循环迭代仍发出请求 仅在 chrome 上 What Initiator Otherchrome 检查器网络部分的意思是什么 第一次从主机加载视频 但之后所有请求都从主机加载Other 每次迭代视
  • Tapestry5 无法将视频流传输到 iPad

    我想通过后端带有 Tapestry5 5 3 5 的 HTML5 视频标签将视频流式传输到我的 iPad 通常 服务器端框架甚至不应该在其中发挥作用 但不知何故它确实发挥了作用 无论如何 希望这里有人能帮助我 请记住 我的项目很大程度上是一
  • 如何在html5视频上移动svg元素并同时控制视频播放?

  • jQuery,为什么倒回播放速率不起作用?

    我的快进播放率工作正常 现在我尝试使用负数的倒带部分 但它不起作用 w3school 说使用负数来倒带 http www w3schools com tags av prop playbackrate asp http www w3scho
  • 在android webview中全屏播放HTML5视频

    好吧 我已经搜索了几天了 如何在 android WebView 上以全屏模式显示 HTML5 视频 我设法在我的网络视图上播放 HTML5 视频 以全屏模式显示视频时会出现问题 正如我所发现的 android 有两种处理 标签的方法 在
  • 如何在 twitter bootstrap 3 中居中 Youtube 视频(iframe)?

    您好 我正在尝试将 Twitter Bootstrap 3 中 Youtube 视频的 iframe 居中 目前它是左对齐的 我使用了以下 html div class embed responsive embed responsive 1
  • 是否可以预加载和缓存视频文件而不将它们添加到 DOM?

    我正在开发一款游戏 根据得到的结果触发 30 个小视频文件中的一个 由于视频需要在用户交互后立即播放 因此理想情况下我希望预加载视频并准备好播放 我添加了 PreloadJS 对我需要的所有资源进行了排队 查看检查器中的 网络 选项卡 我可
  • 如何在视频标签中播放AVI文件?

    我想知道是否可以让浏览器在一个文件中播放 AVI 文件video tag 我在网上找到的所有谈论它的内容都集中在 MP4 和 Ogg 格式 但没有人谈论 AVI 格式 我发现的唯一解决方案是放弃video标记并使视频可以使用 JW Play
  • 仅加载 html5 视频/音频的元数据

    首先 我想问这个问题 如果没有任何其他视频内容 我无法加载元数据 preload metadata 不管用 我在 Win Chrome 上测试 不知道它在 Safari FF IE Opera 上如何工作 因此我无法快速加载六个或更多视频剪
  • 为什么苹果设备在自己的播放器中播放html5视频?

    我尝试了不同的 html 播放器并使用 html5 视频标签 然而 苹果设备 ipod touch 4 iphone 4 ipad 在其中显示 html5 视频自己的球员 我的主要目标是在视频上显示叠加广告 我决定借助绝对定位和 z ind
  • HTML5 视频在移动浏览器上自动播放

    我使用以下 HTML5 和 JQuery 代码来播放 URL 位于数组 URLArray 中的视频播放列表 function NextFrag if index lt URLArray length VideoContainer html
  • 滚动播放 Html5 视频

    我正在一个 WordPress 网站上工作 下面的代码可以按照我想要的方式工作 只播放一次 最后出现 重播 按钮 我希望它在滚动到 ie 时开始播放 在视口中 我在这里看到了几种不同的方法来实现这一点 但我无法让它们与我当前的代码很好地配合
  • 在 C# 中读取并发送 mp4 文件

    我使用以下代码从服务器读取 mp4 文件并通过 http 发送它 我的服务器端是 mvc4 控制器 有趣的是 视频在 Chrome 中渲染得很好 但在 ios 设备上没有得到任何东西 所以我认为这可能是响应流标头问题 我缺少什么吗 var
  • 检测 HTML5 视频何时结束

    如何检测 HTML5
  • Apple 针对 http 直播流媒体应用程序的政策

    这里有要求 http developer apple com library ios documentation NetworkingInternet Conceptual StreamingMediaGuide UsingHTTPLive

随机推荐