草庐IT

flutter_youtube

全部标签

javascript - 创建 YouTube AngularJS 指令

我创建了以下AngularJS指令来嵌入youtube视频://ASimpleyoutubeembeddirective.directive('youtube',function(){return{restrict:'EA',scope:{code:'='},replace:true,template:''};});当我从我的模板中调用它时,我收到以下错误:Error:[$interpolate:noconcat]Errorwhileinterpolating:http://www.youtube.com/embed/{{code}}StrictContextualEscapingdi

javascript - 如何获取 YouTube 视频宽高比

我想获取YouTube视频的宽高比,以相应地调整播放器的大小。我正在使用JavaScript对YT播放器进行编程。 最佳答案 我建议点击oembedurl:https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v={videoID}&format=json这会为您提供公开视频的确切视频尺寸。我不确定私有(private)视频。它还会返回缩略图尺寸,这在某些情况下似乎有所不同,所以一定不要混淆它们。 关于javas

javascript - 如何将 YouTube API 持续时间(格式为 PT#M#S 的 ISO 8601 持续时间)转换为秒

如何使用JavaScript操作格式为PT#M#S的日期时间?例如:PT5M33S我想输出为hh:mm:ss。 最佳答案 这是获取总秒数和其他部分的基本代码。这样做我感到不安,因为规则说任何时候你想要约会逻辑你都不应该:)但无论如何,就是这样-谷歌让它变得不容易,在getduration播放器API中提供总秒数,并提供完全不同的gdataapi中的格式。varreptms=/^PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?$/;varhours=0,minutes=0,seconds=0,totalsecon

javascript - 在 youtube javascript api 中禁用自动播放

我知道在参数和url中使用自动播放:0。问题是当我使用loadVideoByID()函数时。初始视频似乎总是无法自动启动。但是当我加载新视频时,新视频会自动启动。我也不希望那个新的自动启动$(document).ready(function(){varplayer;window.onYouTubePlayerAPIReady=function(){player=newYT.Player('player',{height:'390',width:'640',videoId:'JW5meKfy3fY',playerVars:{'autoplay':0,'rel':0,'showinfo':

在 Flutter 中使用 webview_flutter 4.0 | 基础用法与事件处理

大家好,我是17。FlutterWebView一共写了四篇文章在Flutter中使用webview_flutter4.0|js交互FlutterWebView性能优化,让h5像原生页面一样优秀,已入选掘金一周2023.02.22期FlutterWebView如何与h5同步登录状态已入选CSDN每天值得看–2023-02-21在Flutter中使用webview_flutter4.0|基础用法与事件处理本文是第4篇,定位是新手入门,介绍和演示webview的基础用法。最后还介绍了事件处理的技巧。因为是补写的,所以本来应该首发的却发在最后了。环境准备已经在在Flutter中使用webview_fl

javascript - 在 JavaScript 中暂停 YouTube iFrame API

我在幻灯片中嵌入了一个Youtube视频,我想在用户点击img缩略图时暂停:我已经了解了YoutubeAPI,但我对如何开始使用感到困惑。当我将?enablejsapi附加到YouTubevideoid的末尾时,APIJS会自动加载吗?这是我的JS:varplayer1=document.getElementById('my-video');$('img').click(function(){player1.pauseVideo();})编辑:对于任何想知道的人,这是我根据下面马特的回答所做的:然后是我的JS:vartag=document.createElement('script'

javascript - YouTube 自动播放在 Chrome 中不起作用

一段时间以来,我一直在使用这个脚本,视频自动全屏播放。现在突然之间,视频无法在Chrome中自动播放。但在Firefox和Edge中它仍然有效。所以也许Google更改了设置?请问有人知道如何解决这个问题吗?您可以在此处查看现场示例:www.brunomazereel.comvarplayer;functiononYouTubePlayerAPIReady(){player=newYT.Player('player',{playerVars:{'autoplay':1,'controls':0,'autohide':1,'wmode':'opaque','showinfo':0,'lo

javascript - 单击事件不会在移动 safari 中通过 youtube iframe 触发

我想在youtubeiframe视频上方放置交互控件,我通过添加wmode=opaque使其工作正常作为参数,然后将元素绝对定位在iframe之上。我的问题是,在移动版Safari上-控件首先工作正常,但当我从全屏视频返回时,它们都被禁用了。不过它在桌面上运行良好。HTML基本上是:Clickme然后按钮绝对定位在iframe之上。如需演示,请使用移动浏览器访问此fiddle:http://jsfiddle.net/SwGH5/embedded/result/您会看到该按钮在单击时会产生警报。现在,播放视频并单击“完成”。然后尝试再次单击按钮...如果电影是使用嵌入的标记我可以监听全屏

javascript - YouTube 播放器 API : How to get duration of a loaded/cued video without playing it?

我无法通过YouTubePlayerAPI的getDuration()方法获得加载/提示视频的正确视频持续时间/长度(以秒为单位);但是,同样的方法会在视频开始播放后返回一个有效值!想知道YouTube如何能够显示加载/提示视频的有效持续时间。当我用15秒的视频剪辑加载此HTML页面时,我得到以下调试输出:状态=5持续时间=-0.000025当我点击“播放”按钮时,我得到以下调试输出:状态=3持续时间=15,非常感谢解决方案或解决方法。加载、立即播放和暂停播放器不是我最喜欢的方法。varvideoId;videoId='http://www.youtube.com/v/4TSJhIZm

javascript - YouTube iframe 播放器 API - OnStateChange 未触发

我只是从YouTube开发者页面复制并粘贴了代码YouTubePlayerAPIReferenceforiframeEmbeds(来自“入门”标题下方)。唯一的区别是,我添加了状态更改时触发的警报,因为我认为我在onPlayerStateChange函数中做错了什么。您可以在http://jsfiddle.net/jesMv/查看jsFiddle.如前所述,它只是YouTube开发者页面中添加的代码的精确副本alert('StateChanged')作为在onPlayerStateChange函数中触发的第一件事。然而,什么也没有发生......无论我如何看待这个和我改变了什么,我都无