织梦CMS(dede)v5.7基于影音先锋播放器插件的安装步骤

先锋男儿

1、打开织梦后台管理，核心——>内容模型管理——>普通文章。

2、字段管理——>添加新字段

3、添加播放器url字段：
     表单提示文字：输入  影音先锋视频播放地址   
     字段名称：输入      xfplayurl    
     数据类型：选择      多行文本
     其它选项默认即可，提交。

4、添加播放器宽度字段：
     表单提示文字：输入  影音先锋播放器宽度     
     字段名称：输入      xfplaywidth     
     数据类型：选择      单行文本(varchar)    
     默认值：输入(也可以自定义)     900px
     其它选项默认即可，提交。

5、添加播放器高度字段：
     表单提示文字：输入  影音先锋播放器高度     
     字段名称：输入      xfplayheight    
     数据类型：选择      单行文本(varchar)   
     默认值：输入(也可以自定义)     550px
     其它选项默认即可，提交。

6、选择模块——>默认模版管理——>文章内容页模版（article_article.htm）修改

找到相应的位置，比如这段代码之后
{dede:field.description runphp='yes'}if(@me<>'' )@me = '<div class="intro">'.@me.'</div>';{/dede:field.description}
添加影音先锋播放器，如下（以下供参考，请根据你实际情况进行调整）：

1. <font size="4"><font size="5" face="微软雅黑"><font size="4"><object ID="Xfplay" name="Xfplay" width="{dede:field.xfplaywidth/}" height="{dede:field.xfplayheight/}" classid="clsid:E38F2429-07FE-464A-9DF6-C14EF88117DD" >
   
2. 
   
3. <PARAM name="URL" value="{dede:field.xfplayurl/}">
   
4. <!-- URL  变量值添加 Xfplay URL 链接 -->
   
5. 
   
6. <PARAM name="Status" value="1"> <!-- 0 值为停止状态  1值加载页面后立即播放 -->
   
7. 
   
8. <!-- 火狐，谷歌 等浏览器读取 -->
   
9. <embed type="application/xfplay-plugin"
   
10.        PARAM_URL="{dede:field.xfplayurl/}"
    
11.        PARAM_Status="1"
    
12.        width="{dede:field.xfplaywidth/}" height="{dede:field.xfplayheight/}"></embed>
    
13. 
    
14. </object></font>
    
15. </font></font>

复制代码

参见图片示意如下：

保存。

7、修改移动端的模版(目前影音先锋移动端只支持弹出窗体播放)

找到article_article_m.htm这个文件修改：

找到大概这段代码位置(仅供参考，请根据你的需求自己调整位置)：
<div class="am-g blog-content" style='padding:10px;'>
上加入代码：

1. <script type="text/javascript">
   
2. var is_mobi = navigator.userAgent.toLowerCase().match(/(iPad|ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
   
3. if (is_mobi) {
   
4.         window.location.href = "{dede:field.xfplayurl/}";
   
5. }
   
6. </script>
   

复制代码

保存即可。

8、添加新文章：

在影音先锋视频播放地址、影音先锋视频播放高度、影音先锋视频播放宽度填入自定义的值即可。

9、打开PC端即可看到刚刚的视频

移动端打开这个页面会直接弹出下载窗口