javascript - 网站上的视频播放器

标签 javascript jquery jquery-ui jquery-plugins

<分区>

我有一个网站,我想拥有自己的视频播放器..我怎样才能制作自己的视频播放器来播放 youtube 链接....有人有想法吗?...

谢谢!

最佳答案

只是为了把事情说清楚:

1 - 视频可以以多种方式和多种格式嵌入,例如 RealMediaQuickTimeWindows MediaFlash 动画。

2 - 最常用和最可靠的是最后一个(Flash),可以播放FLVMP4 & SWF文件,最由 YouTube 等服务使用。

3 - jQuery 和 Javascript 只能用于为您创建和附加 Flash 对象,处理 swfobject回调和参数(falshvars)。


简单实现

演示: 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

其他支持 YouTube 的 jQuery 插件是:

关于javascript - 网站上的视频播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4837837/

相关文章:

javascript - 如何在div之间创建一个中断

javascript - 将信息从 PHP 传递到 JQUERY 的方法?

jquery - 轻量级/快速 jQuery 模态窗口

javascript - 将对象及其方法传递给 Javascript 中的 onchange 函数

css - 始终在窗口中打开 jQuery UI 模型表单

javascript - 为什么闭包编译器偏爱 !0 而不是 true?

javascript - 如何在悬停时为 svg 图标设置动画?

css 位置 jquery ui 组合框

javascript - jQuery - 在展开折叠切换时显示/隐藏图像

javascript - AngularJS + Electron : Save Data to JSON File