使用javascript创建一个简单的youtube视频播放器

Creating a simple youtube video player using javascript

本文关键字：简单 youtube 视频 播放器 一个 创建 javascript 使用      更新时间：2023-09-26

我正在尝试使用一些javascript创建一个简单的youtube播放器。示例如下:

http://jsfiddle.net/YX8pQ/6/

我已经有了基本的功能工作(有点)使用点击功能来切换每个iframe的可见性。

然而:

  1. 当连续点击每个缩略图时，加载iframe变得有点bug;有时你点击的视频不加载，有时(不知道为什么!)另一个视频加载。

  2. 当点击不同的缩略图时，当前正在播放的视频继续加载。

是否有更优雅/健壮的方法来做到这一点?这是一个非常简单的函数，但我似乎找不到更好的方法来实现它。

在切换新视频帧之前，您需要隐藏上一个视频帧。参见更新后的示例:http://jsfiddle.net/ampersand/YX8pQ/8/

我已经在每个iframe上创建了一个视频帧类。这在css和jQuery选择器中使用。

我知道你想解决的问题，你有你的视频播放器，但万一你重新考虑它，你可以使用flowplayer，它是了不起的，并有流媒体也:)

相关文章：