草庐IT

youtube-iframe-api

全部标签

javascript - Google Maps 3 API - 单击功能(来自 geojson)并检查它是否包含位置

我已经在我的map上成功加载了一个geojson文件。我可以单击每个多边形来更改笔划并访问其属性。但我想知道某些点是否在每个多边形内。我已将google.maps.geometry.poly.containsLocation()用于法线多边形。有没有一种方法可以从event.feature.getGeometry()...map.data.loadGeoJson('inc-tracts.json');varfeatureStyle={strokeColor:'#000000',strokeOpacity:0.5,strokeWeight:3,}map.data.setStyle(fea

javascript - Magnific Popup iframe 高度和宽度

我在使用MagnificPopup时遇到问题,我需要能够使用javascript函数在iframe上设置高度和宽度。以下代码对我输入的高度和宽度没有反应,怎么了?///Call////openmagnificPopup(url,h,w);///Java////functionopenmagnificPopup(url,h,w){$.magnificPopup.open({items:{src:url,type:'iframe',iframe:{markup:''+''+'xxxxxx'+''+''}}});/////CSS/////.mfp-iframe-holder.mfp-cont

javascript - 带有 REST API 身份验证的 WebRTC 的 TURN 服务器

我正在尝试为来自here的webRTC设置rfc5766-turn-serverTURN服务器.我能够使用turnuserdb.conf文件通过此TURN服务器成功中继我的视频,其中我有我的用户名和密码(my_user_name:my_password)。在Web客户端,我使用了:"iceServers":{["url":"turn:my_user_name,@turn_server_ip","credential":"my_password"}]我正在尝试使用TURN服务器附带的RESTAPI功能来避免通过网络发送密码或将其存储在客户端。我关注了thisspec和thisexplan

javascript - OwlCarousel Youtube 视频不显示

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

javascript - 在 chrome 扩展中,如何将跨源消息从父内容脚本发送到特定子 iframe 中的内容脚本

我正在开发一个带有list的Chrome扩展程序,目前可以访问所有主机。后台脚本将内容脚本注入(inject)所有框架。DOM加载完成后,顶部页面/框架中的内容脚本开始遍历DOM树。当walker遇到iframe时,它​​需要向与该iframe窗口相关联的特定内容脚本发送消息(可能是跨源)以开始其工作,并在此消息中包含一些序列化数据。父窗口暂停执行并等待子窗口完成它的行走,并发送回一条消息,表明它已完成并连同序列化数据。parent然后继续其工作。我已经尝试了两种方法来解决这个问题:frameElement.contentWindow.postMessage:这在大多数情况下都有效,但

javascript - YouTube Player API 检测全屏退出

所以基本上有一个按钮,点击它会打开并全屏播放视频。我想在用户退出全屏但无法捕获该事件时停止视频。现在我用它作为开始http://codepen.io/bfred-it/pen/GgOvLM谁能告诉我一个可能的解决方案。HTML:playfullscreenJS:varplayer,iframe;var$=document.querySelector.bind(document);//initplayerfunctiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'200',width:'300',vide

javascript - Angular 2 - 在 iframe 上注入(inject)自定义 header

我疯狂地尝试将请求自定义header(类似于'AUTH-TOKEN':'SomeToken123')注入(inject)到Angular4上。我需要向iframe页面传递一些必需的自定义header参数。谁能帮帮我?foo.component.html组件.ts@Component({selector:'app-foo',templateUrl:'./foo.component.html'})exportclassFooComponentimplementsOnInit{@ViewChild('iframe')iframe:ElementRef;publicisLoading:Bool

javascript - Mapbox gl & directions API 调用 - 不显示路线

我有一个带有多个标记的应用程序,用于显示旅行。每个标记都是一个步骤,我想在每个标记之间创建一条路线,它跟随标记(后续步骤)。为此,现在我有这段代码:$(document).ready(function(){varmap;vardirections;//tokenaccessforMAPBOXGLmapboxgl.accessToken='pk.eyJ1IjoiYW50b3RvIiwiYSI6ImNpdm15YmNwNTAwMDUyb3FwbzlzeWluZHcifQ.r44fcNU5pnX3-mYYM495Fw';//generatemapvarmap=newmapboxgl.Map(

javascript - Web 音频 API 获取 <audio> 元素的 AudioBuffer

我有一个音频元素varaudioSrc='https://mfbx9da4.github.io/assets/audio/dope-drum-loop_C_major.wav'varaudio=document.createElement('audio')audio.src=audioSrc我需要AudioBuffer做beatdetection所以我尝试在加载音频时访问缓冲区:audio.oncanplaythrough=()=>{console.info('loaded');varsource=context.createMediaElementSource(audio);sour

javascript - 使用 Chrome 扩展内容脚本将 iframe 加载到页面中

我可以使用内容脚本将HTML/CSS动态添加到页面中。但是我尝试添加一个iframe标签,但遇到了一点麻烦。这是我的代码:constmyIFrame=``;letdiv=document.createElement('div');div.style.zIndex=9999999;div.innerHTML=myIFrame;document.body.insertBefore(div,document.body.firstChild);请注意modalIFrameURL值为:chrome-extension://omelijcoklpokoeobkpepoipjpbakoeo/moda