登录 注册

登录

已解决 Avanti 模版 banner 幻灯里面如何播放视频

更多
2017年03月28日 15:58 #1 作者: 小明
管理大大, 像这个网站的http://www.meddo.com.cn/zh/ banner 01里面的视频是如何添加的呢,我只能添加图片!

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年03月28日 17:30 #2 作者: Joomla之门
看了你说的那个网页,使用的是 Yootheme Avanti 模板 ,首页幻灯是通过该模板自带的 Widgetkit 实现的。

Widgetkit 的 slideshow 类型模块中,本来是只展示图片和文字(官方演示就是这样)。但是,由于该模块的输入框实际上是可以直接输入 HTML 代码,那就意味着,可以输入视频的嵌入播放代码。

你可以这么做:

在该幻灯的随便某个幻灯片内容输入框里面,输入下面代码(直接复制、粘贴):
 
这里输入在幻灯片左侧显示的内容
 
<div class="vidmediaw">
	<div class="vidmedia">
		<script src="http://api.video.taobao.com//video/getPlayerJS"></script>
		<script src="http://api.video.taobao.com//video/embedVideo?vid=39179558&uid=2817911669&tid=1&autoplay=false"></script>
	</div>
</div>

保存之后,在前台打开该幻灯,应该就可以看到视频播放器了。但是,很显然样式还不够美观,播放器尺寸不对,并且位置也不在右侧,也缺少了“笔记本电脑”这样的背景。

实际上,上述这些小问题都属于 CSS 解决的范围。只要能看到视频在幻灯中出现,这个问题就解决了 99% 。剩下的 1%,你通过 CSS 来调整一下尺寸、位置,而那个“笔记本电脑”的背景图片,你可以通过下面的网址直接下载到(将加密网址改为普通 http 访问):

www.meddo.com.cn/templates/yoo_avanti/images/meddo-w_bg.png

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年03月28日 17:34 #3 作者: Joomla之门
当然了,你的这个播放视频的幻灯片仍然需要一个默认的大尺寸的背景图片,也就是该 widgetkit 项目中第一个“media”选择处,提供这个图片(同样请修改 https 为 http):

www.meddo.com.cn/images/headers/meddo-w_03.png

这里借用了该网站的背景图片,你直接用吧。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年03月29日 07:53 #4 作者: 小明
厉害,还能这样用,我以为是可以显示的呢。谢谢管理!

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年03月29日 08:04 - 2017年03月29日 09:20 #5 作者: 小明
谢谢,解决了。

最后修改: 2017年03月29日 09:20 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年03月29日 09:23 #6 作者: Joomla之门
恭喜你解决了问题!

如果给视频播放器加上那个“笔记本电脑背景图”,就跟原版一模一样了。

顺便提醒一下:贴图建议使用 贴图库网站 ,可以支持 HTTPS 协议展示图片。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论