admin 发表于 2023-3-2 19:25:50

WordPress添加视频短标签整合ckplayer播放器

<p></p>
<p>首先下载ckplayer，讲压缩包内主要的ckplayer文件夹放在WordPress站点根目录；</p>
<p>讲一下代码添加的WordPress主题的functions.php文件中：</p>
<div class="codecolorer-container php vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br></div></td><td><div class="php codecolorer">add_shortcode<span class="br0">&#40;</span><span class="st0">&quot;ckplayer&quot;</span><span class="sy0">,</span><span class="st0">&quot;ipc_ckplayer&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span><br>
<span class="kw2">function</span> ipc_ckplayer<span class="br0">&#40;</span> <span class="re0">$atts</span><span class="sy0">,</span> <span class="re0">$content</span><span class="sy0">=</span><span class="kw4">null</span> <span class="br0">&#41;</span><br>
<span class="br0">{</span><br>
<span class="kw1">return</span> <span class="st0">&quot;<br>
&lt;div id=&quot;</span>a1<span class="st0">&quot;&gt;&lt;/div&gt;<br>
&lt;script type=&quot;</span>text<span class="sy0">/</span>javascript<span class="st0">&quot; src=&quot;</span><span class="sy0">/</span>ckplayer<span class="sy0">/</span>ckplayer<span class="sy0">.</span>js<span class="st0">&quot; charset=&quot;</span>utf<span class="sy0">-</span><span class="nu0">8</span><span class="st0">&quot;&gt;&lt;/script&gt;<br>
&lt;script type=&quot;</span>text<span class="sy0">/</span>javascript<span class="st0">&quot;&gt;<br>
&nbsp; &nbsp; var flashvars={<br>
&nbsp; &nbsp; &nbsp; &nbsp; f:'&quot;</span><span class="sy0">.</span><span class="re0">$content</span><span class="sy0">.</span><span class="st0">&quot;',<br>
&nbsp; &nbsp; &nbsp; &nbsp; c:0,<br>
&nbsp; &nbsp; &nbsp; &nbsp; my_url:encodeURIComponent(window.location.href),<br>
&nbsp; &nbsp; &nbsp; &nbsp; my_title:encodeURIComponent(document.title)<br>
&nbsp; &nbsp; };<br>
&nbsp; &nbsp; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};<br>
&nbsp; &nbsp; var video=['&quot;</span><span class="sy0">.</span><span class="re0">$content</span><span class="sy0">.</span><span class="st0">&quot;-&gt;video/mp4'];<br>
&nbsp; &nbsp; CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','400',false,flashvars,video,params);<br>
&lt;/script&gt;<br>
<br>
&quot;</span><span class="sy0">;</span><br>
<span class="br0">}</span></div></td></tr></tbody></table></div>
<p>发布文章时加入：</p>
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br></div></td><td><div class="html4strict codecolorer">http://www.wangchao.info/abc.mp4</div></td></tr></tbody></table></div>
<p>这样的标签即可添加视频了。</p>
                                        <p class="post-copyright">未经允许不得转载：<ahref="https://www.wangchao.info/">王超博客</a> &raquo; <ahref="https://www.wangchao.info/700.html">WordPress添加视频短标签整合ckplayer播放器</a></p>
页: [1]
查看完整版本: WordPress添加视频短标签整合ckplayer播放器