Question

我有一个网站，我想拥有自己的视频播放器。我可以制作自己的视频播放器，可以播放youtube链接....是否有人有想法？...

谢谢！..

Answer 1

只是为了清楚说明：

1 - 视频可以通过各种方式和各种格式嵌入，例如 RealMedia ， QuickTime ， Windows Media 和 Flash < / strong>动画。

2 - 最常用和最可靠的是最后一个（Flash）可以播放 FLV ， MP4 ＆amp; SWF 文件，YouTube等服务最常用的文件。

3 - jQuery，因此Javascript只能用于为您创建和附加Flash对象，处理swfobject回调和参数（ falshvars ）。

简单实施

DEMO： http://jsbin.com/ilafi4

<!DOCTYPE html> <html> <head> <title></title> <script src="jquery.min.js"></script> <script src="jquery.swfobject.js"></script> <script src="jquery.jwplayer.js"></script <script> $(function() { $('#player').jwPlayer({ id: 'jwPlayer', swf: 'player.swf', file: 'http://www.youtube.com/watch?v=4FROxZ5i67k', image: 'my_preview.jpg', height: 180, width: 240, playerready: playerReady }); }); </script> </head> <body> <div id="player"></div> </body> </html>

现在，恕我直言，我知道并使用的强大的SWF播放器是JW FLV Player，还有一些支持它的插件，如this或this



其他熟悉且优秀的Jquery播放器是jQuery media player plugin


其他jQuery插件支持YouTube：

http://badsyntax.github.com/jquery-youtube-player/

http://www.tikku.com/jquery-youtube-tubeplayer-plugin

http://protofunc.com/jme/index.html

http://www.viget.com/inspire/youtube-chromeless-video-jquery-plugin/

http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist

Answer 2

从头开始制作视频播放器会让您首先选择开发路径（Flash，Silverlight或HTML5）然后从那里开始。除非你想学习，否则有许多优质的玩家已经开发并且周围有活跃的社区。 JW Player就是其中之一：

http://www.longtailvideo.com/players/jw-flv-player/

即使处理了播放器，您仍然需要对视频进行编码，上传，并对资产进行各种不那么有趣的管理。自我托管视频的工作远比人们意识到的要多得多。如果有特定需要走这条路线，它可能是有益的，但是经常坚持像Youtube或Vimeo这样的服务是理想的。你可以在没有任何开发/管理负担的情况下做有趣的部分（IE分享你的视频）。

关于播放YouTube视频，您应该坚持将播放器嵌入其网站。有许多自定义选项。 This article讨论了其中一些选项以及如何执行此操作。

Answer 3

如果您想构建自己的Flash播放器，我建议您查看haxe。这是IMO一种非常好的语言（javascript，但有静态类型和类型推断），可以输出.swf文件作为编译结果。

还有一个用haxe编写的流媒体服务器，如果你想自己服务或从网络摄像头中捕获视频（我很久以前就用它了，IMO还没有准备好生产，现在可能更好了）。

我在Haxe看到的最大问题是，这显然是一个单人乐队的项目，并且闪光灯的普及程度并不高（实际上，使用HTML5画布和视频标签，今天的闪存路径很难证明其合理性）。

Answer 4

<object 
  type="application/x-shockwave-flash" 
  data="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" 
  width="400" 
  height="326">
  <param 
    name="movie" 
    value="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" />
  <param 
    name="FlashVars" 
    value="playerMode=embedded" />
</object>

在Sampletheweb.com上通过Google找到。

Answer 5


<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

或转到：YouTube Article

在网站上的视频播放器

5 个答案: