0

我有几周前在 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>

它非常适合嵌入来自 url 的视频。但是我有一个小问题，我一直在尝试解决，但我一直在破坏代码。

基本上我有以下 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>

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

4

0 回答 0