草庐IT

video_lightbox

全部标签

javascript - 在页面的 ajax 加载部分初始化 Video.js 播放器

视频播放器实际上加载正常。我的实际问题是当我使用AJAX刷新页面的某些部分并且这些部分包含视频播放器时,HTML5播放器加载正常,但不是Video.js自定义它的部分。video.js文件加载在页面的头部。我已阅读文档,但找不到如何在已加载的页面上初始化视频播放器。当加载我的包含视频的页面部分以使视频播放器正确加载Video.js时,是否没有可以调用的myPlayer.initialize()函数?我认为video.js文件仅在页面加载时自动执行此操作。感谢您宝贵的帮助! 最佳答案 我遇到了同样的问题。我的场景:通过ajax加载带有

video - 更改正在 HTML5 视频中播放的视频

我正在使用HTML5中的标签在网络浏览器上播放视频...(我对这个新功能印象深刻)是否有通过Javascript更改正在播放的视频的功能?假设当我从列表中选择另一个视频时,将调用一个Javascript函数,该函数将包含MyVideo.VideoLocation=//locationofnewvideotobeplayed行中的内容。请问这样可以吗?感谢和问候,Krt_马耳他 最佳答案 Webkit要求您在更改源后调用“load()”:videoTag.src="newVideo";videoTag.load();videoTag.

Chrome 中的 HTML5 <video> 标签不起作用

我注意到HTML5有一个奇怪的问题Chrome中的标记。使用这个,它工作正常:这只播放声音,不播放视频:如果我删除poster属性,它再次起作用。所有其他浏览器(甚至IE9...!)都运行良好,但我似乎找不到原因。任何想法/帮助?谢谢 最佳答案 视频标签的属性应该被指定以严格执行标准:如果这不起作用,则您的浏览器偏好设置有所更改 关于Chrome中的HTML5标签不起作用,我们在StackOverflow上找到一个类似的问题: https://stackove

video - iPad 上的 HTML5 视频

我有一个动态视频库,它在计算机上运行良好。移动到iPad时,视频开始加载并显示无法播放图标。相反,我宁愿视频在准备好播放之前不显示。我尝试为“canplaythrough”和“canplay”添加事件监听器,并在它们发生时让视频淡入然后播放。iPad不支持这些事件吗?new_video=document.createElement('video');new_video.setAttribute('class','none');new_video.setAttribute('width','568');new_video.setAttribute('height','269');new_

video - HTML5 <audio>/<video> 和 FFMPEG 实时转码

所以在我的网络服务器上,我想使用FFMPEG转码媒体文件以用于HTML或标签。够简单了吧?当HTTP客户端请求转换后的文件时,转换需要实时进行。理想情况下,文件将在转码时流式传输回HTTP客户端(而不是在最后转码之后,因为这可能需要一段时间才能开始发送回任何数据)。这很好,除了在今天的浏览器中,HTML5音频或视频标签在多个HTTP请求中使用Range请求媒体文件。header。Seethisquestionfordetails.在上面链接的那个问题中,您可以看到Safari请求文件的奇怪block,包括结尾的几个字节。这带来了一个问题,因为Web服务器必须等待转换完成,以便交付文件的

javascript - HTML5 视频 : How to test for HLS playing capability? (video.canPlayType)

我有通过HLS传送的视频。现在我想用JavaScript测试设备是否真的可以播放HTML5中的HLS视频。通常在Javascript中我会做类似的事情document.createElement('video').canPlayType('video/mp4')但是我不知道哪种“类型”适合HLS。Apple'sSafariHTML5AudioandVideoGuide似乎建议“vnd.apple.mpegURL”(“list1-7回退到IE的插件”)....但是canPlayType("vnd.apple.mpegURL")即使在可以完美播放实际HLS流的iOS设备上也返回一个空字符串

html - 另一个 : Force Chrome to fully buffer mp4 video

我已经看到一些关于此的话题,但没有答案,所以我想我应该在被污染的YouTube相关页面的坟墓场中添加另一个。我有一个100MB的mp4视频需要通过浏览器完全下载,然而,当它完全下载时没有事件触发,并且Chrome似乎停止缓冲任何更多的视频,直到当前视频时间几乎达到缓冲区的末尾,然后它请求更多。我怎样才能让浏览器完全下载视频并100%缓冲它?谢谢 最佳答案 可悲的是,Chrome-与其他HTML5浏览器一样-试图对其下载的内容保持智能并避免不必要的带宽使用......这意味着有时我们会留下一个次优的体验(具有讽刺意味的是,YouTub

javascript - HTML5 Video buffered 属性特性

我正在设计一个自定义HTML5视频播放器。因此,它将有自己的自定义slider来模拟视频进度,因此我需要了解HTML5视频的整个缓冲过程。我看到了这篇文章:VideoBuffering.它表示缓冲对象由几个时间范围组成,这些时间范围按开始时间的线性顺序排列。但我找不到以下内容:说视频开始。它自己持续到1:45(偶尔可能会停顿,等待进一步的数据),之后我突然跳到32:45。现在过了一段时间,如果我跳回到1:27(在我跳转之前最初加载和播放的时间范围内),它会立即开始播放吗,因为它之前已经加载过?还是因为我跳了,那部分丢失了,必须重新取回?无论哪种方式,所有此类场景的行为是否一致?假设我进

css - 将 <video> 元素调整到父 div

有没有人能够成功地将video元素调整为父div?我的视频元素包含一个网络摄像头流,其比例为4:3。我想打破比例并将其调整为div大小。我尝试了以下方法:设置宽度和高度100%>这没有做任何事情,仍然是4:3将min-height和min-width设置为100%>这会使视频调整到真正大到溢出div的大小position:absolute,bottom,top,leftandright:0px在父div上也有很大的流量使用javascript获取父div的高度和宽度,然后为视频设置它:没有效果,保持4:3比例,没有大小变化。怎么做?编辑:感谢Gaurav非常详细的回复。看起来不错,但我

html - 如何在HTML video Tag中打开.mov格式的视频?

我想像这样播放.mov视频,但视频无法在任何浏览器中播放。 最佳答案 您可以使用以下代码:这段代码会帮助你。 关于html-如何在HTMLvideoTag中打开.mov格式的视频?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/31380695/