Question

我正在尝试将单个推文和vimeo视频加载到同一个rails应用中。所有的视频都很棒。问题出在推文上。 Javascript不在我的知识库中，但似乎嵌入推文这是最好的主意。我正在使用下面的代码here

    <script sync src="https://platform.twitter.com/widgets.js"></script>

      <script>

        window.onload = (function(){

          var tweet = document.getElementById("tweet");
          var id = tweet.getAttribute("tweetID");

          twttr.widgets.createTweet(
            id, tweet,
            {
              conversation : 'none',    // or all
              cards        : 'visible',  // or visible
              linkColor    : '#ffffff', // default is blue
              theme        : 'dark',    // or dark
              width        : '550', // amount in pixels, between 250 and 550
              align        : 'center' // float the Tweet left, right, or center
            })
          .then (function (el) {
            el.contentDocument.querySelector(".footer").style.display = "none";
          });

        });

    </script>

这就是视频块的样子，似乎工作正常：

    <div class="video"> <iframe src="//player.vimeo.com/video/76979871" width="550" height="310" align="center" frameborder="2" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

这是我用来呈现推文的代码。问题是只加载了第一条推文。

    <div id="tweet" tweetID="685974098833313793"></div>

    <div id="tweet" tweetID="672268372868923393"></div>

我知道代码存在以下问题：1）我在多个地方使用CSS选择器ID，＆amp; 2）javascript正在寻找getElementById，在我对它的有限理解中意味着它只是在寻找一个推文ID，而不是页面上的所有推文ID。

那就是说我不知道如何更改js代码以使其正常工作。

加载多个嵌入式单个推文

0 个答案: