首页 文章
  • 0 votes
     answers
     views

    Onkeypress - 如何使用不同的数字来触发特定视频

    创建一个交互式网页,我希望在用户按下数字键时播放视频 . 每当用户按下键“1”时,将播放某个视频,当他们按下键“2”时播放不同的视频 . 现在我只能在javascript中一次触发一个视频,我的“1”键打开第一个视频,但是当我使用“2”键添加javascript的第二个视频时,只有第二个视频有效通过按“2”,“1”不再激活第一个视频 . 这是我的HTML和java HTML <!DOCTYP...
  • 0 votes
     answers
     views

    HTML5视频仅在桌面上滚动播放

    我'm just using Matthew Hudson' s device.js(https://github.com/matthewhudson/device.js)用于浏览器检测 . 我有一个html5视频,当你在窗口视图外滚动和暂停时播放 . 我想仅在桌面设备上运行视频功能,并在移动设备上保留默认点击播放功能 . //Play video when scrolled to $(docum...
  • 2 votes
     answers
     views

    VideoJS播放器覆盖触摸设备中的按钮

    我正在使用VideoJs播放器4.2 当我在ios设备的safari浏览器中打开videojs播放器时,默认情况下它适用于本机控件 . 当我暂停播放器时,我会在视频上显示覆盖按钮(转到其他页面的链接) . 如果我点击按钮它不会在ios中触发 . 它适用于桌面浏览器 . 如果我将nativeControlsForTouch设置为false,则显示自定义控件 . 这里覆盖按钮和自定义控件可以工作,但它...
  • 215 votes
     answers
     views

    检测HTML5视频何时完成

    如何检测HTML5 <video> 元素何时播放完毕?
  • 21 votes
     answers
     views

    滚动到时播放HTML5视频

    无论如何只有当用户在浏览器视口中拥有视频(或视频的某个百分比)时才能自动播放HTML5视频?
  • 0 votes
     answers
     views

    如何在具有跨浏览器兼容性的HTML页面上播放视频?

    我们的应用程序在开始时会在HTML页面上播放大量视频 . 我尝试了 object 和 video 标签来播放这些视频,但我发现了跨浏览器兼容性的问题, these 2 tags can't work well on IE 6/7/8 . 当然,我们无法开发新的视频播放器,我认为视频播放是Java EE开发的一个非常常见的情况,所以我想问一下我们是否有任何好的方式来播放具有良好交叉的视频 - 浏览...
  • 1 votes
     answers
     views

    有人可以帮助我使用videojs播放器播放此视频

    我尝试使用html5视频标签和video.js播放器播放视频,但我无法播放视频,视频采用mp4格式 . 该视频可以从https://drive.google.com/open?id=0BwvTwArK2QWBVVZhbnAtMjZlWlU下载 <html> <head> <link href="http://vjs.zencdn.net/6.2.7/vi...
  • -1 votes
     answers
     views

    全屏视频,支持所有浏览器

    你可以帮我全屏播放视频,暂停,支持所有浏览器,如www.rotary.org我可以用chrome和mozilla播放视频 . 它不在Safari中播放 . 当我使用video.js时,它会在safari中显示错误消息 . <head> <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel=&quot...
  • 84 votes
     answers
     views

    在android webview中全屏播放HTML5视频

    好吧,我已经好几天了,如何在android WebView上以全屏模式显示HTML5视频 . 我设法在我的网页浏览中播放HTML5视频 . 在全屏模式下显示视频时出现问题 . 正如我所知,android有两种处理<video>标签的方法: On android versions <= 2.3.3 ,onShowCustomView方法被触发,我可以拥有VideoView实例,...
  • 3 votes
     answers
     views

    html5视频无法在iPad上播放 - 在iPhone上播放

    我有一个能够在iPhone上使用html5视频标签播放的m4v视频 - 但它不会在iPad上使用html5播放 . 如果我直接从iPad上播放视频文件,它可以正常播放 - 但如果我使用html5视频标签链接到它,则播放按钮不会显示 . 我正在使用iPad 1和iPhone 4进行测试 - 两者都运行iOS 5.有没有人知道它为什么不能在iPad上播放? Html5 video page - V...
  • 68 votes
     answers
     views

    在HTML5中播放无限循环视频

    我希望将视频放在HTML5页面中,该页面将在页面加载时开始播放,一旦完成,就会循环回到开头而不会中断 . 该视频还应该 NOT 具有与之关联的任何控件,并且可以与所有'modern'浏览器兼容,或者可以选择polyfill . 以前我会通过 Flash 和 FLVPlayback 这样做,但我宁愿在HTML5领域避开 Flash . 我创建了一个平滑的循环,但是我应该用什么来嵌入视频呢?那里有什...
  • 40 votes
     answers
     views

    如何防止html5视频在播放前加载?

    我在一个页面上有几个html5视频,我刚刚意识到,当您访问该页面时,即使我没有点击任何一个视频,所有视频也会开始加载 . 有没有办法只在点击播放时加载视频,以防止不必要的下载?
  • 13 votes
     answers
     views

    在Safari上同时播放html5视频标签

    我在html5视频标签上有这种奇怪的行为 . 我有4个视频,我想同时播放 . 因此,我创建自己的控制栏进行播放/暂停,因此单击播放按钮时,将播放所有4个视频,与暂停按钮相同 . 在野生动物园,它有奇怪的问题,视频没有同时播放,当我点击播放时,1或2个视频有延迟,所以不是所有视频同时播放 . 在Chrome和Firefox上,它的工作正常,safari有什么问题? 我正在使用javascript ...
  • 6 votes
     answers
     views

    Javascript HTML5 play()无法在ios9 Safari中运行?

    我有一个基本的HTML5视频播放器没有像这样的控件... <video id="videoPlayer" preload="auto" webkit-playsinline> <source id="videoSourceMP4" src="" type="video/mp4" /...
  • 0 votes
     answers
     views

    在Blackberry,Android,iPhone的网页上播放MP3文件和YouTube视频

    我正在开发一个带有音频的移动网站(链接到自托管的MP3文件)和视频(youtube链接) . 我的目标用户是黑莓,Android和iPhone平台 . 我希望音频/视频文件在浏览器中使用带有闪回后备的HTML5播放,或者打开设备的本机媒体播放器 . 如果两者都失败,我可以显示下载MP3的链接或访问youtube页面的链接 . 对于Youtube视频,我read something on S/O a...
  • 26 votes
     answers
     views

    如何检测是否支持HTML5自动播放属性?

    如何最好地检测浏览器的HTML5视频元素是否支持自动播放? 在当前的iOS Safari上,例如autoplay is disabled . Update: 我现在设计的网页无论是否支持自动播放,它都能正常工作 . 现在,当加载页面时,将显示初始化视频 . 在iPad上,向用户显示一个大的播放按钮 . 触发播放后,视频将被隐藏 . 之后,video player的播放可以通过JavaScript控...
  • 18 votes
     answers
     views

    如何在Android上自动播放HTML5 mp4视频?

    我已经开发了一个asp.net的移动页面来播放mp4视频 . 我知道iOS已禁用自动播放功能以最小化用户带宽,那么我如何在Android上自动播放HTML5 mp4视频? 我已经将自动播放放在HTML5代码中,但它不起作用 . 以下是我的代码: <video autoplay controls id='video1' width='100%' poster='images/top_icon....
  • 10 votes
     answers
     views

    Android HTML5视频 - 点击播放时有效,但不播放视频 . 播放()

    据我所知,android上的html5视频无法自动播放 . 因为它只是当用户点击播放按钮时我的视频才能在设备上运行 . <video width="640px" height="360px" src="media/video/Moments_of_Everyday_Life.mp4" controls id="video&...
  • 0 votes
     answers
     views

    在Chrome中转换HTML5的视频上传

    我正在创建一个CMS,用户可以上传视频以便在页面上显示 . 上传视频时,我创建了一个后台任务(使用Hangfire)将视频转换为MP4,OGV和WEBM . 我在我的开发机器上运行最新版本的Firefox和Chrome . 根据Wikipedia,这些浏览器应完全支持H.264(MP4),Theora(OGG)和VP8 / VP9(WEBM) . 一切似乎都在Firefox中正常工作,并在本地使用...
  • 1 votes
     answers
     views

    如何在移动设备上播放视频和音频列表(HTML5)

    我试图解决在浏览器中在移动设备上播放所选视频和音频剪辑列表而无需用户干预的问题 . 我生成视频和音频的URL列表 . (我将它存储在一个数组中) . 然后我想连续播放(视频和音频的URL)列表,不需要用户干预,例如,不让用户点击每个片段进行播放 . 我已经在HTML 5中使用移动jquery进行了尝试 . 它确实在支持桌面HTML5的浏览器上运行良好,但由于在移动浏览器上禁用了自动播放功能,因此...
  • 1 votes
     answers
     views

    更改HTML5视频src在Safari移动浏览器中不起作用

    我有一个场景,我必须在移动浏览器的HTML5播放器中播放两个视频 . 这些视频在桌面浏览器中播放得很好 . 有一点我知道,我们不会在移动浏览器中自动播放视频,用户必须点击视频播放器才能播放视频 . 我正在做什么,在视频结束的第一个视频事件我正在改变的src . 但有时它是不稳定的或它不播放第二个视频 . 用户必须点击播放按钮才能播放第二个视频 . 我只需要排除第二次点击 . YouTube正在以...
  • 8 votes
     answers
     views

    黑色屏幕上的铬为Android html5视频

    Problem: 视频放在我的网站上:http://dege.cloud/(点击其中一张图片)当我在桌面或Firefox浏览器上加载页面时,一切都很好 . 当相同的页面加载到chrome for android时,视频是黑色的,没有控件,视频不知道它是否播放 . Expected results: 视频应该可播放,hml5视频标签不是问题 . Analysis: 视频的内容类型正确,检查设备上的控...
  • 0 votes
     answers
     views

    VideoJS在水平滚动元素擦洗和音量控制按钮问题

    所以我有这段代码做水平滚动,我有一个视图助手,将videojs视频元素写入php文件 . 当我尝试擦除视频时,它将从刚开始播放,暂停和全屏按钮工作,但单击时音量调整将使声音静音,这有点像进度条直接到的行为零 . 为什么?如果它不在这个水平滚动元素中,它可以工作 . <?PHP include("test/viewHelpers.php");?> <!...
  • 3 votes
     answers
     views

    在Safari和Mobile Chrome上以编程方式播放带声音的视频

    随着OSX High-Sierra *的发布,Safari的一项新功能是网站上的视频不再自动播放,脚本也无法启动,就像在iOS上一样 . 作为一个用户,我喜欢这个功能,但作为开发人员,它在我面前提出了一个问题:我有一个包含视频的浏览器内HTML5游戏 . 除非用户更改其设置,否则视频不会再自动播放 . 这会混淆游戏流程 . 我的问题是,我可以以某种方式使用玩家与游戏的互动作为视频自动开始播放的触发...
  • 0 votes
     answers
     views

    移动设备上的HTML5视频自动播放

    我知道有很多相同的问题可以接受 . 有一个广泛的说法是android chrome 53支持自动播放功能 . 但它看起来并非如此 . 目前在(Android手机)google chrome版本63,65(这些是我测试的版本) is not supporting autoplay . (但它在firefox android中支持) 只需在Android移动设备上检查谷歌开发者的link . 我也试...
  • -1 votes
     answers
     views

    HTML5视频 - 多设备,多浏览器,没有声音

    目前,我在使用HTML5-Video-Tag实现视频时遇到了一些问题 . 我以.mp4,.ogg和.webm格式实现了视频,以支持所有常见的浏览器 . 我的第一个问题是,视频显示在除IE之外的所有浏览器上 . 我还尝试在.htaccess文件中添加MIME类型但没有带来任何改进 . 下一个问题是视频通常在移动设备上显示,但在桌面设备上没有声音 . 我几乎绝望了:D 是否有人有同样的问题或可以给我一...
  • 0 votes
     answers
     views

    移动设备上的SSL证书/ HTML5视频

    我在我的单页React应用程序中创建了一个组件,可以自动播放静音的HTML5视频 . 该功能似乎在桌面和模拟移动浏览器上正常工作,但在我的实际iPhone上测试我看到一个播放按钮,斜线通过它,视频不播放 . 基于this answer,我相信我'm having an issue with my SSL certificate. I hosted my site with Zeit now, wh...
  • 1 votes
     answers
     views

    在firefox上的iframe中复制HTML5视频

    我有一个非常奇怪的问题,只出现在Mozilla Firefox 40.0.3上(适用于Chrome) . 我的系统是Ubuntu 15.04 . 插入 iframe 的Youtube视频是重复的,而在Youtube网站上则正确显示 . 我们在这个页面上有多个视频 - 所有插入方式都相同 - 只有少数几个被打破 . <iframe allowfullscreen="" sr...
  • 0 votes
     answers
     views

    Android API 25中的WebView内部未启动视频

    如果我的问题很简单,但我无法找到任何解决方案 . 我正在研究android项目,我有一个 WebView 显示一个来自assets目录的网页,我的网页有一个视频元素,如下图所示 <video width="400" controls autoplay loop> <source src="./assets/video/video1.webm&qu...
  • 0 votes
     answers
     views

    HTML5视频播放按钮不以IOS Safari为中心

    我遇到了IOS HTML5视频播放器的问题,而不是在页面加载时将视频居中 . 选择视频后,所有视频播放图标都会居中 . 以前有人有这个问题吗?有没有办法隐藏位于IOS HTML5视频顶部的播放按钮?

热门问题