Question

我有几周前在Stack上找到的代码。

 <script type="text/javascript">
 $(document).ready(function() {
// I added the video size here in case you wanted to modify it more easily
var vidWidth = 300; // 425;
var vidHeight = 200; // 344;
     var obj = '<object width="' + vidWidth + '" height="' + vidHeight + '">' + '<param name="movie" value="http://www.youtube.com/v/[vid]&hl=en&fs=1">' + '</param><param name="allowFullScreen" value="true"></param><param ' + 'name="allowscriptaccess" value="always"></param><em' + 'bed src="http://www.youtube.com/v/[vid]&hl=en&fs=1" ' + 'type="application/x-shockwave-flash" allowscriptaccess="always" ' + 'allowfullscreen="true" width="' + vidWidth + '" ' + 'height="' + vidHeight + '"></embed></object> ';

$('.posthold:contains("youtube.com/watch")').each(function() {
    var that = $(this);
    var vid = that.html().match(/v=([\w\-]+)/g); // end up with v=oHg5SJYRHA0

     that.html(function(i, h) {
        return h.replace(/(http:\/\/www.youtube.com\/watch\?v=+\S+\S?)/g, '');
    });

    if (vid.length) {
        $.each(vid, function(i) {
            that.append(obj.replace(/\[vid\]/g, this.replace('v=', '')));
        });
    }
});
 });
 </script>

它可以很好地嵌入来自网址的视频。但我有一个小问题，我一直试图解决，但我一直在破坏代码。

基本上我有以下div设置

<div class="grid_10 alpha omega posthold" >
<div class="clearfix">
  <div class="grid_2 alpha">
    <img src="/images/no-image/logo_default.jpg" width="100" height="100" />
    </a></div>
  <div class="grid_8 omega">
    <h1>Some Name Here</h1>
    <p>Some Comment here</p>

  </div>
</div>

 </div>

我试图让视频直接显示在结束段落标记之后，在此处标注了一些评论。用户输入视频作为帖子的一部分。我将帖子存储在数据库中，当我将帖子拉出来时，我将来自youtube的url交换到嵌入代码。这是一个重复的div，因此可能有许多视频出现的情况。这甚至是可能的吗？在视频出现在最后一个结束div标签之后的那一刻。

选择插入我的YouTube视频的位置

0 个答案: