当前位置：文江博客话题详情

嵌入 YouTube 视频 - 他们是如何做到的？

发布于 2024-12-10 18:18:59 字数 210 浏览 0 评论 0原文

在撰写本文时，Movember 即将来临。

我以前从未见过如此完美地嵌入网站的 YouTube 视频 - 没有 YouTube 皮肤。有谁知道它是怎么做到的？

http://au.movember.com/?slide=30sectvc

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

安人多梦 2024-12-17 18:18:59

http://code.google.com/apis/youtube/player_parameters.html

回复收藏 0 原文

卖梦商人 2024-12-17 18:18:59

该元素的 HTML 是这样的：

<object type="application/x-shockwave-flash" id="movytplayer" data="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer" width="100%" height="100%">
  <param name="allowScriptAccess" value="always">
  <param name="bgcolor" value="#cccccc"><param name="wmode" value="transparent">
</object>

这可能是您的关键 http://www.youtube.com/apiplayer?enablejsapi=1，因为它似乎启用了某种 API（这是一个未换肤的播放器：http://www.youtube.com/apiplayer?enablejsapi=1）。

我会查看该网站的源代码，看看他们使用什么 JS 来控制视频。

我查看了 JS，有一些这样的函数可以使用：

layout_tilePlay();
layout_titleMute();

The HTML of that element is this:

<object type="application/x-shockwave-flash" id="movytplayer" data="http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer" width="100%" height="100%">
  <param name="allowScriptAccess" value="always">
  <param name="bgcolor" value="#cccccc"><param name="wmode" value="transparent">
</object>

This might be your key http://www.youtube.com/apiplayer?enablejsapi=1, as it seems to enable some sort of API (here's an unskinned player: http://www.youtube.com/apiplayer?enablejsapi=1).

I'd look at that site's source and see what JS they are using to control the video.

I looked at the JS, and there are a few functions like this you can play with: