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}
添加影音先锋播放器,如下(以下供参考,请根据你实际情况进行调整): - <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" >
- <PARAM name="URL" value="{dede:field.xfplayurl/}">
- <!-- URL 变量值添加 Xfplay URL 链接 -->
- <PARAM name="Status" value="1"> <!-- 0 值为停止状态 1值加载页面后立即播放 -->
- <!-- 火狐,谷歌 等浏览器读取 -->
- <embed type="application/xfplay-plugin"
- PARAM_URL="{dede:field.xfplayurl/}"
- PARAM_Status="1"
- width="{dede:field.xfplaywidth/}" height="{dede:field.xfplayheight/}"></embed>
- </object></font>
- </font></font>
复制代码参见图片示意如下:
保存。
7、修改移动端的模版(目前影音先锋移动端只支持弹出窗体播放) 找到article_article_m.htm这个文件修改:
找到大概这段代码位置(仅供参考,请根据你的需求自己调整位置):
<div class="am-g blog-content" style='padding:10px;'>
上加入代码: - <script type="text/javascript">
- var is_mobi = navigator.userAgent.toLowerCase().match(/(iPad|ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
- if (is_mobi) {
- window.location.href = "{dede:field.xfplayurl/}";
- }
- </script>
复制代码
保存即可。
8、添加新文章: 在影音先锋视频播放地址、影音先锋视频播放高度、影音先锋视频播放宽度填入自定义的值即可。
9、打开PC端即可看到刚刚的视频
|