javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1208字，纯文字阅读大概需要2分钟。

内容图文

我在HTML中有一个嵌入式的YouTube视频iframe,需要以编程方式停止该视频,但无法设置iframe的ID.因此,我试图通过将DOM元素传递给YT.Player构造函数而不是docs中指定的iframe id来创建youtube对象.我还将iframe src url的末尾附加了“？enablejsapi = 1” .

我已使用以下代码在我的js文件顶部加载了youtube js api：

var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
function onYouTubePlayerAPIReady(){ console.log('yt api ready'); }

之后,我有以下代码：

$(function(){
    $('a.close').click(function(){
        var player = new YT.Player($('iframe').get(0));
        player.stopVideo();
    });
})

我得到的输出：

yt api ready
Uncaught TypeError: Object [object Object] has no method 'stopVideo'

我假设我以某种方式搞砸了对象实例化,但是我不知道如何正确地做到这一点.如何在不向构造函数传递iframe ID的情况下创建YT.Player对象？谢谢你的帮助.

解决方法:

我需要将停止视频通话移到播放器对象的ready事件中.以下更改为我修复了此问题

添加了以下功能：

function onMyPlayerReady(event) { event.target.stopVideo(); }

并将yt.player构造函数更改为：

new YT.Player($('iframe').get(0), { events: { 'onReady': onMyPlayerReady } });

内容总结

以上是互联网集市为您收集整理的javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象全部内容，希望文章能够帮你解决javascript-通过传递DOM对象从HTML中的iframe创建YT.Player对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端