Javascript 添加视频链接并在我的网页中播放视频
我目前正在一个网站上工作,用户可以更新他/她的文本区域状态。如果用户输入一个链接(例如,它是视频链接),我应该有一个脚本来检测链接,并在用户提交状态后将其作为视频嵌入。这类似于Facebook状态更新。谁能给我提个建议,我该怎么做呢?我不想使用网上的付费服务,因为我做的网站是为学生提供的,我做的项目是免费的Javascript 添加视频链接并在我的网页中播放视频,javascript,jquery,cakephp,Javascript,Jquery,Cakephp,我目前正在一个网站上工作,用户可以更新他/她的文本区域状态。如果用户输入一个链接(例如,它是视频链接),我应该有一个脚本来检测链接,并在用户提交状态后将其作为视频嵌入。这类似于Facebook状态更新。谁能给我提个建议,我该怎么做呢?我不想使用网上的付费服务,因为我做的网站是为学生提供的,我做的项目是免费的 当前我用于开发的框架是cakephp(PHP)。首先,只需检测是否提供了链接。你可以使用正则表达式来实现这一点。然后,如果它看起来是一个链接,只需执行以下操作: if ($isLink) {
当前我用于开发的框架是cakephp(PHP)。首先,只需检测是否提供了链接。你可以使用正则表达式来实现这一点。然后,如果它看起来是一个链接,只需执行以下操作:
if ($isLink) {
echo "<embed .... src='$link'></embed>"
}
if($isLink){
回声“”
}
很简单:)
编辑
如果您想先嵌入HTML4,只需检测是否提供了链接。你可以使用正则表达式来实现这一点。然后,如果它看起来是一个链接,只需执行以下操作:
if ($isLink) {
echo "<embed .... src='$link'></embed>"
}
if($isLink){
回声“”
}
很简单:)
编辑
如果你想在HTML4中嵌入一个jQuery插件,以连接到YouTube无铬视频API中。 示例用法:
<a href="http://www.youtube.com/watch?v=sxUjB3Q04rQ" class="video-link">Bolt Arms - Around the World</a>
$(document).ready(function() {
$('a.video-link').ytchromeless();
});
$(文档).ready(函数(){
$('a.video-link').ytchromeless();
});
要求:
- jQuery:
- SWFObject:
- YouTube无铬视频插件:
- 视频宽度:“640”
- 视频高度:“360”
- videoIdBase:“ytplayer”
- 参数:{allowScriptAccess:'always',wmode:'transparent'}
<a href="http://www.youtube.com/watch?v=sxUjB3Q04rQ" class="video-link">Bolt Arms - Around the World</a>
$(document).ready(function() {
$('a.video-link').ytchromeless();
});
$(文档).ready(函数(){
$('a.video-link').ytchromeless();
});
要求:
- jQuery:
- SWFObject:
- YouTube无铬视频插件:
- 视频宽度:“640”
- 视频高度:“360”
- videoIdBase:“ytplayer”
- 参数:{allowScriptAccess:'always',wmode:'transparent'}
我以前在cakePHP的beforeSave()中实现过oEmbed,它工作得非常好。oEmbed是解决这个问题的一个很好的方法。它将从(视频的)URL返回格式化的JSON数组,包括嵌入代码和一些有用的元数据。我建议使用oEmbed并打开所提供URL的主机名。例如,如果是youtube,则将请求发送到youtube的oEmbed。如果是Vimeo,发送给Vimeo,等等 我会在这里读到更多关于oEmbed的内容: 以下是YouTube关于如何实现oEmbed的文档: 我以前在cakePHP中实现过oEmbed,它工作得非常好