1. IT宝库
  2. 编程技术问答
  3. html5-video
以下是关于 html5-video 的编程技术问答
HTML5和PHP： 播放base 64编码的视频文件
我正在尝试使用HTML5数据URI播放基本64编码的MP4.由于某种原因，视频不会播放.该方法适用于图像文件(JPEG和PNG)，但是由于某些原因，它对媒体文件不起作用. 在客户端我有: document.getElementById("video_holder").src = "data:video/mp4;base64," + xmlhttp.responseText; html类似: ... 我正在使用php和base64编码文件，然后再将其发送给用户: $file = file_get_contents($path); echo chunk_split(base64_encode(trim($file))); 我也尝试了: $file = file_get_contents($path); echo
0 2023-06-02
编程技术问答社区
HTML5 ＜视频＞在幻灯片后重置视频
我使用Bootstrap的旋转木制滑块.但是，当我将图像和视频放入其中时，但是当我循环视频时，它们不会停止循环.但是我希望他们停下来重置并重置，因此当它回到幻灯片时，视频是从一开始就开始的，而不是视频中间的某个地方.我也想知道是否有可能不设置间隔，而是播放视频，直到结束，然后才能到达下一张幻灯片. JS $("#myCarousel").carousel({ interval: 4500 }); php
0 2023-06-02
编程技术问答社区
如何使视频具有相同的形状和高度
我已将两个视频上传到数据库，并将其显示在我的网站上.我试图使它们具有相同的形状和身高.宽度很好，但是其中一个的形状像一个正方形，高度更长，另一个是矩形，高度较短，我知道它的视频是通过视频的方式而知道的，一个是垂直的，另一个是水平的.我如何使它们具有相同的形状和身高.你能帮我吗? I tried this video}}#t=1"" style=" height:80%; max-height:20em; width:100%; max-width:20em; object-fit: cover; float:left; clear:both; padding-left:2%; margin-top:0px; cursor:pointer; ">
0 2023-06-02
编程技术问答社区
为什么PHP会干扰我的HTML5 MP4视频？
我正在编写一个为H.264编码的MP4视频提供的Web应用程序.在Chrome和Safari中，它通过HTML5视频标签来完成此操作. 为了控制对这些视频的访问，使用一种非常简单的机制通过PHP提供了内容: header('Content-type: video/mp4'); readfile($filename); exit; 无论我做什么，视频都不会流式传输.另外: 如果我使用相同的视频标签更改源代码直接服务文件，但链接到没有PHP传递的视频的Apache-sever副本，流媒体可以正常工作. 即使流媒体不起作用，我也可以始终右键单击灰色的HTML5播放器，然后通过PHP通行证下载文件 - 它的离线功能很棒. 有什么想法吗?我把头发拉出！ 解决方案 也许.尝试添加内容长度标头: header('Content-length: '.filesize($filename)); 如果仍然不起作用，请在readfile之前检查任何输出(echo
0 2023-05-28
编程技术问答社区
在iOS上，MP4在直接访问时可以播放，但在通过PHP读取时不能播放。
我使用PHP脚本在服务之前验证视频请求.该脚本与桌面上的预期合作，带有Safari和Chrome.但是在iOS上，我得到了一个打破的播放按钮. 我确定该视频已正确编码为iPhone/iPad，因为当我直接访问它时，它可以按预期工作. 相关的PHP代码: $file_name = 'test-video.mp4'; $file_size = (string)(filesize($file_name)); header('Content-Type: video/mp4'); header('Content-Length: '.$file_size); readfile_chunked($file_name); exit; (readfile_chunked()类似于readfile()，但对于非常大的文件，在PHP手动页面上的注释中找到: http://php.net/manual/enual/en/function.readfile.php .无论如何，test-vi
0 2023-05-26
编程技术问答社区
mediaelement.js与Phonegap兼容吗？
我正在构建一个需要使用视频和音频流功能的电话隙应用程序，我发现Medialementjs似乎更适合跨平台视频和音频功能. 我创建了一个演示，它在iOS和Android浏览器上正常工作，但是当我准备了Phonegap时，请在Android设备上播放视频或音频. Medialement.js与PhoneGap兼容吗?如果没有，那么还有其他可以与PhoneGap一起使用的视频\ Audio Player插件，而不是使用PhoneGap Media API. 谢谢 Suresh 解决方案 Medialement.js与PhoneGap兼容? 是的，它们是兼容的. 我已经看到他们一起在项目上使用. PhoneGap 可能很难正确配置以与其他JS库b/c一起使用 PhoneGap 绑定自己的事件以管理环境的程度. 在没有更多有关您的特定问题的情况下，我无济于事，除了向您保证它们可以一起工作，并且有配置和管理依赖性的痛苦.我建议使用 require.js
4 2023-05-25
编程技术问答社区
Cordova外部应用+本地视频
我们有一个使用PhoneGap/Cordova 4.3.0构建的iOS应用程序.该应用程序通过在config.xml文件中使用直接加载外部网站.所有功能都包含在本网站中，因此我们实际上没有使用任何本地HTML或JS文件. 作为应用程序功能的一部分，我们必须播放一些视频.由于该应用程序也旨在脱机工作，因此我们希望在本地缓存这些视频.因此，我们将它们下载到设备上，以及其他资源，例如图像或PDF.下载文件后，我们将使用file://协议获得URL.我们还可以选择使用cdvfile://协议.当我们使用cdvfile:// url显示图像时，图像正确显示.但是，视频根本不播放. 播放视频，我们正在使用标准HTML5视频标签:
0 2023-05-25
编程技术问答社区
可多瓦iOS视频标签本地文件源
我在基于Cordova的应用程序上在iOS上播放本地视频时遇到问题.一开始，我想强调，只有当我使用 wkwebview ，并且如果使用uiwebview，则视频播放不错.这是我有: - 用户进入屏幕上传递的视频URL -via filetransfer我下载到电话并将其存储在所需的位置 - 使用JS视频已加载到标签并播放. 基本上，我正在做所有的事情，如回答这一点所述的一切/a>. UIWebView的问题在于，如果将相对路径设置为SRC，则由于某种原因无法加载视频(无论我使用哪种组合)，因此该解决方案对我来说非常有用，因为它基于此代码线: entry.toURL() 这将返回下载的视频的完整路径，至少对于UIWebView而言. wkwebview的问题是entry.tourl()返回smth.这样: file:///var/mobile/Containers/Data/Application/3A43AFB5-BEF6-4A
0 2023-05-25
编程技术问答社区
使用phantomjs的视频元素的屏幕截图
我正在尝试使用phantomjs进行视频元素的页面屏幕截图.目前，我将视频的时间设置为一些所需的几秒钟(即60).然后我使用page.render(输出).但是，创建的屏幕截图始终是黑色的.谁能看到问题或验证我要做什么是可能的? 解决方案 运行>phantomjs.exe examples\features.js Detected features (using Modernizr 2.0.6): Supported: touch generatedcontent fontface flexbox canvas canvastext postmessage websqldatabase hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations cs
0 2023-05-25
编程技术问答社区
无法使用AJAX调用在后端服务器保存上传的视频的blob URL
我有一个网页，用户使用HTML的"输入type = file"标签上传视频文件，我将在JavaScript函数变量中捕获该上传的视频文件，其中它以Blob URL为单位. " blob: -abf2-4db3-b396-91f76cc3b40c ".我无法将此Blob URL保存在我的系统中. html代码: Upload Video JavaScript代码: function postVideo(){ var blobURL = document.q
0 2023-05-24
编程技术问答社区
如何改变HTML5中视频的播放速度？
如何更改HTML5中的视频播放速度?我已经检查了视频标签的属性在W3SCHOOL中> 解决方案 根据/* play video twice as fast */ document.querySelector('video').defaultPlaybackRate = 2.0; document.querySelector('video').play(); /* now play three times as fast just for the heck of it */ document.querySelector('video').playbackRate = 3.0; 上面的 works Firefox 20+，即9+，边缘12+. 其他解决方案 只键入 document.querySelector('video').playbackRate = 1.25; 在您的现代浏览器的JS控制台中. 其他解决方案 (在YouTube上播放视频时在Chro
4 2023-05-23
编程技术问答社区
补全模式关闭后，视频的音频继续播放
试图为此找到解决方案，但找不到任何有效的方法.我尝试了 $('video').trigger('pause'); ，HTML中没有关闭按钮可以将任何脚本附加到.但是，我不知道jQuery或JavaScript，所以我希望有人可以提供帮助. 使用" peplete modal"，这似乎很受欢迎，但是如果模态在完整观看之前关闭，我对视频的音轨遇到了问题.在桌面浏览器上查看时，似乎只是一个问题. 希望找到一个也可以停止音频的解决方案. 以下是我插入的HTML代码: vimeo $(window).load( function(){ rplm({ title: "ETSA Teacher Training", text: '
6 2023-05-22
编程技术问答社区
如何在Mac系统上以iframe方式播放上传的视频
我尝试使用iframe，还尝试使用视频标签和对象标签来播放视频.在某些情况下，它仅播放视频中的音频，但视频不会显示. 其次，同一视频文件在浏览器的单独选项卡上效果很好，但在我的iFrame中不播放. 这个问题在我的Mac上的所有浏览器上，但是在Windows机器上它效果很好. 解决方案 我终于找到了它.苹果为此提供了很好的文档. https://developer.apple.com/library/mac/documentation/quicktime/coneptial/conepperual/qtscripting_htmll/qtscripting_html_html_document/scriptinghtml_document/scriptinghtml.scriptinghtml.html.html./petl./apple/pleplut/paptil/pettire 我只需要按照它们解释的方式正确使用嵌入式标签.
4 2023-05-22
编程技术问答社区
我需要将srcObject分配给自己，以获得WebRTC视频流的显示
设置:我有一个C ++程序，该程序使用WEBRTC(基于GSTREAMER)来流动一个视频流.在客户端，Chrome(最初是使用Firefox，但后来我发现WebRTC Internals可能会很好地调试问题). 该应用程序尝试使用WebSocket反复连接到C ++程序.一旦获得成功的连接，我就将生成的MediaSource分配给视频的SRCOBJECT属性.结果是空白屏幕.但是，如果我进入控制台并手动将SRCobject分配给本身，那就是 var elem = document.getElementById("stream0") elem.srcObject = elem.srcObject 视频突然出现. 在下面的代码中，异步类别类别涉及总体WEBRTC连接和重新连接处理.我认为这与这里没有相关性，因为Chrome WebRTC Internals统计数据清楚地表明，即使没有显示任何内容，WebRTC连接也成功建立(我得到了与发件人相匹配的解码FPS号).
26 2023-05-22
编程技术问答社区
html5流媒体视频是可以缓存的吗？
我正在使用Jwplayer在HTML5模式下播放视频. 视频为MP4格式. 我在网络选项卡中看到的是具有206个状态的网络请求(部分下载).因此，我的理解是 - >视频只是部分散布，每个块1-2 MB. 但是这些块可以在浏览器中缓存吗? 目前，我每次都看到视频只是重新流程... 解决方案 参考这个答案:是的，206响应是可缓存的.在 默认情况下，206响应是可以缓存的；即，除非通过显式缓存控制 另外指示 这并不意味着浏览器 do 当然可以缓存.但是他们当然可以.
14 2023-05-22
编程技术问答社区
在javascript中动态地逐行向视频元素添加字幕
我想知道当前是否可能 下面是我的html: 我也有一个Object的数组，它具有我需要显示的所有字幕... 示例: captions_array = [ {start: 0, end: 2, message: "hello"}, {start: 3, end: 4, message: "how"}, {start: 5, end: 8, message: "are"} ] 现在，根据视频的当前时间，我只想从此数组中选出一个字幕并在需要时删除它，然后显示另一个... 注意: 1.我必须通过动态选择该数组中的文本来提供视频播放的字幕. 2.我不能使用任何字幕文件(VTT)，我只从此数组中获得字幕 3.我在后端无法做任何事情，我只想在浏览器的前端进行此操作. 编辑:回答这个问题的答案: 4.我不能在the the视频标签中使用
4 2023-05-22
编程技术问答社区
从Laravel到Vuejs的视频接收问题
我将视频链接存储在数据库中，并将视频存储在public folder中.文件夹描述类似于public/uploads/100/abcd.mp4. 我正在从Laravel方法中读取此视频，并从Vuejs接收此视频，并试图在标签中显示该视频.我还尝试使用直接链接显示视频，例如. ，但是这样我只能显示视频，但是视频进度栏无法正常工作，并且无法以这种方式设置当前时间. 也许我需要以不同的方式在Vuejs中接收视频.请给我一个解决方案.我在这里添加了Laravel方法和VUEJS方法，我尝试接收视频，我不知道这是否是接收视频的正确方法.如果有的话，请给我解决方案. 视频标签 ``` ``` Laravel方法从我获得视频路径并阅读视频并
8 2023-05-22
编程技术问答社区
热门专题
装过phpstudy后原来的mysql不能用了 iexplore lodop显示打印机不存在 .sql文件导入数据库sqlserver CHD 修改IP后HDFS BLOCK还是老IP protobuf 一个string 解析成两个类型 MERGE into update性能 gif 压缩算法 java sort 按第二行排序php log4j.properties如何手动刷新 c# 获取安装软件信息 ubuntu 18.04 系统的没有正确的分辨率选项 vsto word添加右键子菜单 faster R CNN搭配fpn 萤火虫算法 Python实现 wpf DataGrid合并 Android studio防止按钮多次点击 ros info char %s 乱码 蓝牙 notify 传感器数据 fabric主节点选举的优势 selectlist括号里提示的不是statement