使用javascript/jquery显示iframe

Displaying iframe with javascript/jquery

本文关键字：显示 iframe jquery javascript 使用      更新时间：2023-09-26

我有这个iframe:

<iframe width="0" height="0" src="http://www.youtube.com/embed/Nc9xq-TVyHI?autoplay=1&start=110&end=119" frameborder="0" ></iframe></body></html>';

我需要在一些javascript/jquery事件上显示/执行这个iframe。我的问题是如何用javascript/jquery代码显示iframe ?

提前感谢!

$ (' #divToPutItIn ') . html (html);

你需要学习Youtube的API。你会在这里得到答案的。

以及下面的演示链接

var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'u1zgFlCw8Aw',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }
  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
  }
http://jsfiddle.net/rushijogle/TDNm5/1/

如果您有时间学习如何正确使用JavaScript与您的YouTube视频，那么它在iframe中给予您的事实是无关紧要的。简单地学习例子的YouTube JavaScript播放器API页。他们有一个关于你的javascript应该是什么样子的底部的演示，一旦你跟随他们的连接过程。

你可能会遇到问题或需要额外的功能与您的视频，如果你做任何其他方式。

相关文章：