草庐IT

html - 将 youtube 视频包装在静态图像 "frame"中并保持响应式调整大小

我有一张空白Macbook的下图。图像是1034‖×‖543。我想在屏幕的“灰色”区域内插入一个YouTube视频。我希望它看起来就像在笔记本电脑屏幕上播放YouTube视频一样。我还希望笔记本电脑图像/youtube视频能够缩放,以便当网页在平板电脑或移动设备View中时,图像和视频缩小以匹配。我正在尝试使用fitvid.js来完成此操作,但运气不佳——我可以让视频适应一个静态大小,但我无法让它在调整大小时仍然完美适应,它会变形。下面是我当前的标记:html:What'sNewASCSneakPeakSASS:.macbook-wrapper{background:url('../i

html - 如何强制youtube播放高清视频

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。这个问题似乎不是关于aspecificprogrammingproblem,asoftwarealgorithm,orsoftwaretoolsprimarilyusedbyprogrammers的.如果您认为这个问题是关于anotherStackExchangesite的主题,您可以发表评论,说明问题可能在哪里得到解答。关闭3年前。Improvethisquestion我在youtubeiframe中有以下视频,强烈希望一开始就以高质量运行它https://www.youtube.com/embed

jquery - 使用 YouTube Data API 获取视频时长?

基本上,我试图获取每个视频在搜索时显示在结果中的视频时长。我有一个简洁的小演示,供您随意使用!另外-当我说持续时间时,我指的是M/S格式的视频长度(0:00)..演示http://codepen.io/mistkaes/pen/6b6a347c7d24edee15b3491420db4ecdjQuery:varapikey='';$(function(){varsearchField=$('#search-input');$('#search-form').submit(function(e){e.preventDefault();});});functionsearch(){$('#

video - 在没有 Flash 的情况下在 HTML5 中嵌入 YouTube 视频

是否可以使用HTML5在您自己的网站上嵌入YouTube视频,这样它就可以在没有Flash的情况下在iPhone上的Safari上播放? 最佳答案 根据http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html:这将在HTML5视频中播放(当HTML5视频不可用时回退到Flash)。 关于video-在没有Flash的情况下在HTML5中嵌入YouTube视频,我们在StackOverflow上找到一个类

javascript - 循环播放嵌入的 youtube 视频

有谁知道如何制作嵌入式youtube视频以循环播放?我试过从officialyoutubedeveloperwebsite生成的代码但它根本不起作用。在Firefox和Chrome中视频结束后它不会重播。这是无法运行的生成代码。我尝试用谷歌搜索它,但没有任何好的说明。 最佳答案 试试看这里https://developers.google.com/youtube/player_parameters#loop取自链接loop参数目前只在AS3播放器中与playlist参数结合使用时有效。要循环播放单个视频,将loop参数值设置为1,将

html - 在 YouTube 等 Facebook 分享中嵌入视频播放器 html5 iframe

当从youtube向facebook分享内容时,facebook现在会显示youtubehtml5播放器。如果您在https://www.youtube.com/watch?v=uuS5ZyQhvsk中查找他们的网址之一(opengraphdebugger)你可以看到他们现在为他们的html播放器和flash播放器提供开放图元数据。我还有一个位于iframe中的播放器,现在包含与youtube相同的标签,减去flash标签,因为我们没有flash播放器,但它不起作用,facebook给了我这个没有意义的错误:Sharehasplayablemediabutwillnotplayinli

javascript - Safari 11/YouTube API 错误。快速播放/暂停和无法自动播放

这刚刚开始被用户报告给我。我花了很多时间探索我自己的代码中的错误,但它似乎与Safari11(最新)特别相关。当使用YouTubeIFrameEmbedAPI的一个简单示例时,Safari将在播放和暂停状态之间快速切换,直到它以暂停结束。这不是该示例的最优化版本,因为这里有一些关于可能使它起作用的探索。我想跳过并自动播放,但它不会按预期方式工作。我尝试使用start和playVideo,它们是记录在案的YTAPI示例。我最近才确认这是一个错误,它解释了为什么示例中有一些冗长的参数。注意事项:有时视频会根据您刷新的次数播放,但这种情况很少发生。自动播放标志通常会失败。在此示例中使用sta

android - 如何在 Android 上的 WebView 中嵌入 YouTube 剪辑

任何人都可以解释为什么我无法在Android手机上点击和播放YouTube剪辑时放置在WebView中吗?我已经将一个非常简单的应用放在一起(它正在扩展,但不是马上)并且它有一个使用AndroidSDK分配的WebView。webview的其余部分按预期工作(文本、图像、css等),但是,YouTube剪辑不会显示,它们仅显示为黑色或白色矩形(视频嵌入应在的位置)。我们使用相同的View在等效的iPhone应用程序上显示内容,没有任何问题。这是使用基本的Flash嵌入,iPhone上的Safari浏览器将这些转换为H.264并在QuickTime中很好地播放它们。Android也能做到

html - 如何使 YouTube 嵌入式视频成为整页宽度的视频?

这是代码的fiddle:http://jsfiddle.net/dLPa8/如果您向下滚动,就会看到从YouTube嵌入的视频。我需要它,它应该覆盖整个页面的高度和宽度。我的意思是它看起来应该有点像第一部分(在fiddle中)。我试过这个:在一定程度上解决了问题,但是使用上面的iframe,视频会粘在页面顶部。如何使视频部分高度为整页高度? 最佳答案 这是一个FIDDLE$(function(){$('#video').css({width:$(window).innerWidth()+'px',height:$(window).i

javascript - 创建 youtube 流 HTML5 的音频频谱

createMediaElementSourceinHTML5(绘制YouTube视频的可视化)。这可能吗?如果是的话,你能给我举个例子吗?我只想添加一个传统的youtube播放器并在其下进行频谱/可视化,我在互联网上找到了一个mp3版本。这是它的音频/mp3版本,我只是不知道它是否适用于youtube视频流。div#mp3_player{width:500px;height:60px;background:#000;padding:5px;margin:50pxauto;}div#mp3_player>div>audio{width:500px;background:#000;flo