0

我已经安装了一个名为AllVideos Plugin的joomla 插件。我所要做的就是在我的网站某处放置一些这样的标签,然后我的视频就会显示出来!{youtube}h2TLC0zGwKE{/youtube}

在这一点上,我需要您的帮助...在我的php代码中,我添加了一个隐藏的文本框,其中包含视频的源代码和一个div ,当我使用javascript单击图像时将显示视频。

部分PHP代码

<input id="video_url" name="video_url" type="hidden" value="" />
<div id="video"></div>

部分JAVASCRIPT代码

var Open      = String.fromCharCode(123,121,111,117,116,117,98,101,125); // {youtube}
var Close     = String.fromCharCode(123,47,121,111,117,116,117,98,101,125); // {/youtube}
var video     = document.getElementById("video");
var video_url = document.getElementById("video_url");
...
video.innerHTML =  Open+video_url.value+Close;

问题是 youtube 标签显示为纯文本!看看这张图片: 图片截图

知道我将如何使它工作吗?先感谢您!

4

1 回答 1

0

PHP 在 JavaScript 之前运行,这就是客户端-服务器模型的工作方式。您必须在 JavaScript 中重新创建相同的功能,这相当简单。这是一个例子:

function youtubeVideo(str){
  return str.replace(
    /\{youtube\}(\w+)\{\/youtube\}/g,
    '<iframe width="420" height="315"\
    src="//www.youtube.com/embed/$1"\
    frameborder="0" allowfullscreen></iframe>'
  );
}

youtubeVideo('{youtube}HzeZhCt5PVA{/youtube}');

那应该可以帮助你。

演示:http: //jsfiddle.net/TpRw3/

于 2013-08-11T09:25:20.487 回答