草庐IT

视频汇聚

全部标签

javascript - 视频播放完成后如何显示灯箱?

我有一个youtube视频。我想在停止播放时显示一个灯箱。我需要使用javascript/jQuery或PHP来完成此操作。Ajax也很好。我寻找了一种解决方案,但没有找到有效的解决方案。 最佳答案 如果你可以使用youtubeapi,那么像这样的东西应该可以工作:$(document).ready(function(){varplayer;functiononYouTubePlayerAPIReady(){player=newYT.Player('player',{height:'390',width:'640',videoId:

javascript - 动态获取 vimeo 视频的缩略图和标题

摘自这个问题:GetimgthumbnailsfromVimeo?我正在尝试创建一个包含多个vimeo视频的页面。我想让HTML中的视频看起来像这样:然后我希望jQuery使用img填充divs,其中src是来自vimeo的缩略图,以及一个a指向视频,其文本是视频的标题。也就是说,它应该像这样结束:VideoTitle(为清楚起见添加了缩进)这是我从另一个问题开始的观点:$.ajax({type:'GET',url:'http://vimeo.com/api/v2/video/'+video_id+'.json',jsonp:'callback',dataType:'jsonp',su

javascript - 如何将 m4v 视频文件嵌入到我的 html 网页中?

我目前正在尝试将m4v视频嵌入到我的html网页中。使用以下代码它在googlechrome中完美运行。它需要mozilla的ogv视频浏览器。因为我们无法从客户端获取ogv视频。我也在使用它在英雄框架中。我还尝试使用youtube嵌入代码使用的iframe标签。它适用于webkit浏览器(googlechrome)。但无法在mozillafirefox浏览器中播放。我需要在跨浏览器中播放m4v视频。有什么方法或我在这里缺少任何html标签吗?我探索了很多但找不到有效的解决方案。 最佳答案 m4v格式文件不被浏览器支持,这些格式需要

javascript - OwlCarousel Youtube 视频不显示

我有一个想要显示的YouTube视频,但根本没有显示。我没有为视频添加高度或宽度,因为我想让它保持响应。http://www.owlcarousel.owlgraphic.com/demos/video.htmlhttp://jsfiddle.net/nLz17fcv/12/ 最佳答案 使用a标签添加视频似乎不起作用。相反,您可以将其替换为Iframe以像这样嵌入您想要的视频。除此之外,我还删除了transitionStyle:"fade",因为此属性会阻止轮播过渡。可以在这个DEMO上查看希望对你有帮助

javascript - Google VR 视频无法加载

我正在使用谷歌VRViewfortheweb加载360度全景视频。但是当我加载视频时,它显示Error,Render:videoloaderror:[objectevent]这是控制台显示的内容:当我从Google的url加载示例视频时,它就像一个魅力:https://storage.googleapis.com/vrview/examples/video/congo_2048.mp4这是我正在使用的代码(具有相同的视频,但存储在我的网站上):window.addEventListener('load',onVrViewLoad)functiononVrViewLoad(){varvr

javascript - 我们如何使用canvas获取html5中的视频截图

您好,是否可以使用html5canvas捕获正在播放的视频的屏幕截图。 最佳答案 看起来这里是可能的:http://html5doctor.com/video-canvas-magic/ 关于javascript-我们如何使用canvas获取html5中的视频截图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5076435/

javascript - 使用 jQuery 从 URL 获取 YouTube 视频 ID

我正在尝试将任何YouTubeURL作为输入的文本区域输入,并像Facebook一样嵌入视频。我有:vartext=$('#content').val().split('');for(i=0;i它接受任何YouTubeURL并将其变成[youtube=videoid].那么问题是,当提交带有的URL时或\n最后它添加了]然后。有人知道更好的方法吗? 最佳答案 最近有人提出了类似的问题(但该问题需要PHP解决方案)。这是mysolutiontothatquestion的JavaScript版本://LinkifyyoutubeURLs

javascript - 在javascript中获取视频第一帧

如何在javascript中获取视频文件的第一帧作为图像? 最佳答案 可以使用HTML5video和canvas标签来完成:HTML:Javascript:var_CANVAS=document.querySelector("#video-canvas");var_CTX=_CANVAS.getContext("2d");var_VIDEO=document.querySelector("#main-video");document.querySelector("#file").addEventListener('change',f

javascript - html5视频结束时调用AngularJS Controller 函数

我的应用主页上有一段视频,当我启动它时会播放。当视频结束时,我想使用一些CSS3过渡来移动页面。在视频的结尾,我希望能够调用一个angularJSController函数。'usestrict';angular.module('app',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:"/home",templateUrl:'views/home.html',controller:'homeCtrlasctrl'}).state('project

javascript - 视频结束后暂停和恢复光滑的 slider

我有一个slick.js包含视频的slider,我希望slider在到达视频幻灯片后暂停,并在视频结束而无需用户交互后恢复循环。我可以让此功能与循环中的第一个视频一起使用,但在第二个视频幻灯片上,一旦视频完成,slider将不会恢复。Fiddle我有一个控制台日志,它会在视频完成时写出,但在第二个视频完成后它不会说任何内容。我相信它没有看到播放光滑slider的功能。functionmyHandler(e){console.log('VideoComplete')$('.sliderMain').slick('slickPlay');} 最佳答案