用户登录

要想直接在线播放视频,我们需要一个可以在线播放视频的播放器 ... 可以使用 jwplayer ... 先去下载这个播放器 ... 打开 http://www.longtailvideo.com/ ...

点击 DOWNLOAD 下载 ... 在这个文本框里输入你的 E-Mail 地址 ... 然后点击 FREE DOWNLOAD 免费下载 ...

找到下载下来的压缩包 ...

先解压缩一下 ... 然后把解压之后 jwplayer 这个文件夹放到我们自己的主题目录里 ...

可以先打开这个文件夹看一下 ... jwplayer.js 就是我们需要嵌入到网页里的脚本文件 ... jwplayer.flash.swf 这个文件是 jwplayer 在 flash 模式下使用的播放器 ...

jwplayer.html5.js 是 jwplayer 在 httml5 模式下使用的播放器 ...

README.html 是一个使用说明文档 ...

下面我们要想办法把 jwplayer.js 这个脚本文件嵌入到视频内容的页面上 ... 打开当前主题的 functions.php ...

先定义一个函数 ... 函数的名称里可以加上我们的主题的名称 ... 这样可以防止重复定义函数 ...

function movietalk_scripts() {

}

然后把这个函数再挂到 wp_enqueue_scripts() 这个钩子函数上去运行 ...

add_action( 'wp_enqueue_scripts', 'movietalk_scripts' );

在我们定义的 movietalk_scripts() 这个函数里,可以使用 WordPress 的 wp_enqueue_script() 函数来加载指定的脚本文件 ...

我们要加载 jwplayer.js 这个文件,不过在这之前,我们可以先判断一下内容类型 ... 因为只有视频内容才需要使用这个脚本文件 ...

先用 if 语句来判断一下 ... 判断的条件可以使用 get_post_type() 来获取当前文章的内容类型 ... 内容类型是 video

if( get_post_type() == 'video' ) {

}

意思就是,如果当前文章的内容类型是 video ,那么就执行 if 里的代码 .. 在里面输入 ...

wp_enqueue_script() ... 注意这个函数的名称是 wp_enqueue_script ,后面没有 s 。

然后我们要再设置一下这个函数里的几个参数 ... 第一个参数是脚本文件的名称 ....

'jwplayer', 如果 WordPress 已经知道这个脚本文件,就会去加载这个名字的脚本文件 ... 如果还不知道这个脚本文件,我们需要设置一下第二参数,也就是脚本文件的具体的位置 ...

jwplayer.js 在我们主题里的 jwplayer 这个目录下 ...

使用 get_template_directory_uri() 可以获得当前主题的目录地址 ... 不过我们当前使用的主题是 twentytwelve 主题的子主题,使用 get_template_directory_uri() 获取的地址会是 twentytwelve 主题的地址 ...

http://codex.wordpress.org/Function_Reference/get_template_directory_uri

要获取到子主题的地址 ... 可以使用 get_stylesheet_directory_uri() ...

http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

先输入 get_stylesheet_directory_uri() 获取到主题的地址 ... 然后再输入一个 . 连接一串字符 ... 也就是 jwplayer.js 这个脚本文件相对于当前主题的位置 ...

get_stylesheet_directory_uri() . '/jwplayer/jwplayer.js' ...

如果这个脚本文件需要其它的脚本文件,你可以再设置一下第三个参数,也就是需求参数 ... 可以把这些需求的脚本文件放在一个数组里 ...

完成后,保存一下 ....

打开一个视频内容 .... 查看一下视频内容页面上是否载入了 jwplayer.js ...

点击右键 .... 显示网页源代码 ... 查找一下 jwplayer.js .... 找到以扣,我们可以再点击一下链向这个脚本文件的地址 ...

如果能看到这个该文件里的内容 ... 证明页面能够成功载入视频播放器需要的这个 jwplayer.js 脚本文件 ...

下面视频,我们再去改造一下视频内容类型的模板文件。

在线播放视频 - 加载播放器需要的脚本文件《 WordPress 自定义内容类型 》

统计

13356
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点