如何将embed嵌入式Flash网页播放器替换为CKplayer

最新推荐文章于 2021-05-31 16:34:01 发布

jasonijessy

最新推荐文章于 2021-05-31 16:34:01 发布

阅读量1.2k

点赞数

分类专栏： Web前端文章标签： html cms flash js jquery

本文链接：https://blog.csdn.net/jasonijessy/article/details/105402065

版权

在不更改数据库内容的情况下，通过引入JQuery和CKplayer，将CMS中使用embed标签的Flash播放器替换为交互性更好的CKplayer。本文介绍了具体的操作步骤，包括引入相关文件和使用JS进行替换。

摘要由CSDN通过智能技术生成

工作中，经常遇到CMS里内嵌的使用embed标签的Flash网页播放器，这些播放器交互性差、不好用，但是因为embed标签往往已通过富文本编辑器写入了数据库的内容字段，很难去改写。如何在不改变数据库的情况下，快速将其替换为好用的CK播放器呢？以下是我的做法，贴出来供大家参考。

1.引入JQuery和CKplayer相关文件。要说明的是，引入JQuery主要是为简便操作网页元素，如果通过原生JS实现网页元素操作，也可以不引入JQuery。CKplayer此处使用6.8版本，如何使用，参见 http://www.ckplayer.com/manual，此处不多介绍。主要代码如下：

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
<script src="https://gitee.com/niandeng/ckplayer/blob/master/ckplayer/ckplayer.js">

2.将embed标签替换为CK播放器（可以实现多个embed同时替换）。代码如下：

<script>
jQuery(document).ready(function($){
  // 遍历多个embed标签
  $("embed").each(function(i){
    // 增加CKplayer容器，删除embed
    $(this).after($("<div id='vide