zoukankan      html  css  js  c++  java
  • 使用JWPlayer在网页中嵌入视频

    我一直以为在网页中嵌入视频是件复杂的事,一研究才知道原来非常简单。

    实际就是在页面中嵌入个控件。社区里已有很多解决方案了。jwplayer是最受欢迎的(之一)。
    控件包括js、css和swf文件,swf文件就是播放器,它是控件的一部分,引入控件包跟引入其他的前端控件包方法一样,拷贝到项目路径下即可。
    视频是个flv文件,flv文件就放哪里都行了。个人建议像图片一样放个单独的服务器。

    示例程序在这里,代码已经传到了github上。
    jwplayer本身的文档在这里,藏得非常深,个人非常不喜欢这个官网,花里胡哨,张牙舞爪。
    官方文档我还是喜欢朴素简洁的那种。

    网页代码及其简单,仅此而已:

    <!DOCTYPE>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>use jw</title>

        <script src="jwplayer/jwplayer.js"></script>
        <!-- 并不是每个用户独有的身份码,官网给的唯一的,不用改 -->
        <script>jwplayer.key="bAoNHra71KE/mHvb0sirT4HeWLTAkpiYa1mVsA==";</script>
    </head>
    <body>
        <div id="myElement">Loading the player...</div>
        <script type="text/javascript">
        var playerInstance = jwplayer("myElement");
        playerInstance.setup({
            file: "http://img.zidafone.com/test.flv",
            image: "http://img.zidafone.com/test.jpg",
             640,
            height: 360,
            title: 'Beautiful Woman',
            description: 'This is the most beautiful woman in the world, do you agree?'
        });
        </script>
    </body>
    </html>

    长期欢迎项目合作机会介绍,项目收入10%用于酬谢介绍人。新浪微博:@冷镜,QQ:908789432。
  • 相关阅读:
    C#实现二维码生成与解码
    js中正则表达式使用
    Busybox镜像
    linux删除文件后,空间未释放的一种情况,使用lsof查看
    linux中.nfsxxxx引起的文件无法删除
    linux中的查找命令find,locate,which,whereis
    openj9
    Ali流量控制中间件Sentinel
    LDAP认证模式简介
    nginx支持ipv6
  • 原文地址:https://www.cnblogs.com/zidafone/p/4746054.html
Copyright © 2011-2022 走看看