学习Joomla4--All Videos插件的使用

首先这个插件是免费的，可以再Joomlaworks官网http://www.joomlaworks.net/上下载到

其次，官网网站说一个单独页面可插入的视频最多是9个

使用插件：

1、  插入网络视频：可以插入以下视频网站的视频（试验时，无法播放优酷的视频）：

YouTube (and all localized versions)
Vimeo
Dailymotion
Metacafe
MySpaceVideos
Flickr(Videos)
Veoh
GoogleVideo (and all localized versions)

123video.nl
Aniboom.com
CollegeHumor
dotsub.com
FunnyOr Die
GameTrailers.com
Goal4Replay
Godtube.com
GrindTV
Kewego
ku6.com
Liveleak
LiveVideo
MetaCafe
MySpaceVideos
myvideo.de
sapo.pt
Screenr.com
Sevenload
sohu.com
SouthParkStudios.com
StupidVideos.com
tudou.com
UStream
vbox7
veevr.com
vidiac.com/
YahooVideos
youku.com
youmaker.com

Added in version 4.2
SoundCloud (audio provider)

Added in version 4.3
BlipTV 
JustinTV 
TwitVid 
yFrog (videos only)

现在拿土豆网进行举例，这是一个视频的完整的URL：

http://www.tudou.com/listplay/mfejtv9jiYQ.html

在土豆网的下方，有复制播放器地址等选项，里面可以看到一个ID，如图1所示（其他网站可以直接在URL中找到视频的ID）

图1、土豆网视频ID号

我们在编辑Joomla的文章的时候，就可以这样编辑

{tudou}147338814{/tudou}

之后，进行保存，刷新前台页面就可以看到视频了，如图2所示：

图2、视频截图

2、  播放本地视频：allvideos除了可以播放网络视频外，也可以播放本地的视频，默认的视频存储位置为/images/stories/videos，默认的音频存储位置为/images/stories/audio，这两个文件夹都需要自己手动创建。

3、  但通常情况下，播放的页面会出现黑边框，图2中的截图是已经优化过的了。优化的方法如下：通过Joomla模板特有的“优先输出”或者叫“僭越”功能（英文叫法是“overriding”）来调整播放器的样式。

 

将/plugins/content/jw_allvideos/tmpl这个文件夹复制到网站当前模板的html子目录内，并将这个tmpl文件夹改名为jw_allvideos，最终的文件夹的路径是：

/templates/当前模板名称/html/jw_allvideos。

进入刚刚改名的文件夹，找到一个/Classic/css/template.css文件，打开这个文件，修改大概是19行左后的位置（主要修改的是padding及radius的值），使得最终的CSS变为

 

.avPlayerWrapper{ display:block; text-align:center; clear:both; }.avPlayerWrapper.avPlayerContainer { display:block; margin:4px auto; }/* Video container styling only */.avVideo .avPlayerContainer { padding:0px 0px0px; border-radius:0px; background:url(../images/allvideos_v4_bg_1000x550.jpg)repeat 50% 50%; }

刷新后，厚厚的边框就不存在了

4、 Allvideos Plugin 插件还有一项默认设置不太正确：视频播放器的默认宽度和高度。默认值分别是 400px和 300px 。但实际上，这个“默认高度”是包含了播放器的控制条（底部灰色那一条，容纳播放按钮、进度条、音量按钮等）高度的，这个控制条的高度是一个固定值 20px 。

一般的视频纵横比还是 4:3 的比较多，如果按照上面的默认值来播放，那么实际的画面尺寸变成了 400 :280 ，并不是 4:3，导致画面左右两侧各有一条灰色的、多余的“无信号”区 。因此，必须将默认的“视频播放器宽度和高度”分别设置为 400px 和 320px，这样才能使最终的画面高度是 300px（320 减去 控制条高度20）

5、 参考文档：http://www.joomlagate.com/forum/topic-55318/

http://www.joomlaworks.net/content/view/16/42/

http://www.joomlagate.com/article/joomla10-tutorial/embed-audio-video-inside-joomla-article-with-allvideos-plugin-2/

除了all videos，还有个插件也可以实现相同的功能且能够提供更多的扩展空间，名字叫做Allvideos Reloaded,其具体用法参考下面链接中的文章

http://www.cnblogs.com/sun_moon_earth/archive/2009/08/12/1544069.html