网站建设技能获得（1）-Asp

故事的背景可能就是这样. 我厂两年前为山西晋城人民政府做了一个门户网站（地址: ），已经运行了一年多. 市场部一天来了，新闻管理模块带来了视频的内容无法播放.

雷声太快，无法遮住我的耳朵. 我打开了F12网页，因为找不到用于视频播放的swf文件. 仔细查看此文件后，发现它是指另一个网站中的文件. 这是因为网站已被修改ckplayer播放器手机版，该文件已被杀死，无法播放.

执行此功能的相同事实也很粗心，但我无法解决. 为了尽快解决问题，我开始尝试对其进行修复. 然后我找到了一个优酷插件来替换它. 同样，它仍然不容易使用.

条条大路通罗马，我不相信邪恶，然后我尝试使用全新的视频播放器插件ckplayer播放器手机版，这是今天要说的网络视频播放器插件: ckplayer（官方地址） ）

阅读了官方网站上的演示后，我发现介绍和实现更加复杂. 经过我自己的分析和测试，我得出的结论是，仅需三个简单的步骤即可配置网络播放器，如下所示:

下载ckplayer插件

密码: BS6T

添加js参考并配置js（核心代码描述: initCKPlayer（'要在视频中显示的容器通常定义div'，'视频地址'，'插件swf文件'）;）

<script type="text/javascript" src="/Scripts/ckplayer/ckplayer.js"></script>
      <script type="text/javascript">
        $(function () {
            //设置视频容器大小
            winResize();
            $(window).resize(function () {
                winResize();
            });
            //初始化视频容器
            initCKPlayer('video-box', '$!{Model.Address}', '/scripts/ckplayer/ckplayer.swf');
        });
        //改变大小函数
        function winResize() {
            if ($(".section").width() == 1180) {
                $(".video-box").width(840);
                $(".video-box").height(473);
            } else {
                $(".video-box").width(601);
                $(".video-box").height(338);
            }
        }
//初始化视频播放器需配合ckplayer.js使用
function initCKPlayer(boxId, videoSrc, playerSrc){
    var flashvars={
        f:videoSrc,
        c:0,
        loaded:'loadedHandler'
    };
    var video=[videoSrc];
    CKobject.embed(playerSrc,boxId,'video_v1','100%','100%',false,flashvars,video);
}
</script>
//定义一个容易展示视频
<div class="video-box" id="video-box">
</div>　　

查看效果的地址如下:

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-266688-1.html