0

F5 の更新時にランダムに変更される、Wordpress のテキスト ファイルに保存されている一連の URL とパラメーターを使用して、動画を埋め込もうとしています。私はコーダーではありませんが、私は近いと思いますが、間違っています。例は次のとおりです。

http://aaaad.com/jquery-forum-post/

私は多くの異なるアプローチを試しましたが、ファイルからパラメーターを正しく渡して、2 番目のビデオ フレームで更新時にランダムなビデオとパラメーターを表示することができないようです。上記のリンクから：

  • 最初のビデオは、開始パラメーターと停止パラメーターを使用した iframe 埋め込みコマンドであり、正常に動作します
  • 2 番目のビデオは、「video」の var を使用して src= 値の先頭として使用しようとする試みです。
  • 下部には、ビデオ リンクが必要なように機能するページの更新時に div クラスを使用して正しく変更されるファイルからのランダムな行があります。

私の明らかに間違ったアプローチをリダイレクトするための助けをいただければ幸いです。コードは次のとおりです。

<iframe width="854" height="480" src="https://www.youtube.com/embed/ad5pmvJ0zMQ?start=1&end=23" frameborder="0" allowfullscreen></iframe>

`<iframe width="854" height="480" src=$video frameborder="0" allowfullscreen></iframe>

<div class="video"></div>

<script type="text/javascript" src="js/jquery.js"></script>
<script>// <
jQuery(document).ready(function($) {
    $.get('/wp-content/slap/video.txt', function(data) {
        var video = data.split("@");
        var idx = Math.floor(video.length * Math.random());
        $('.video').html(video[idx]);
    });
});
</script>

` video.txtの内容

"https://www.youtube.com/embed/ad5pmvJ0zMQ?start=398&end=418"@
"https://www.youtube.com/embed/ad5pmvJ0zMQ?start=39&end=41"@
"https://www.youtube.com/embed/ad5pmvJ0zMQ?start=98&end=108"@
"https://www.youtube.com/embed/ad5pmvJ0zMQ?start=60&end=67"@
"https://www.youtube.com/embed/ad5pmvJ0zMQ?start=7&end=20"

助けてくれてありがとう、

4

2 に答える 2

1

私が見つけたいくつかのこと..

  1. .video div は閉じな​​いため、問題が発生する可能性があります。（通常のコードではそうかもしれませんが、上に投稿したものではそうではありません.

  2. これ：

    var video = data.split("@"); idx = Math.floor(video.length * Math.random());

あなたがしたいことをしていないようです。引数なしで呼び出された場合、Math.random() は 0 から 1 の間の 10 進数を返します。あなたのコードでは、idx 変数はゼロになる可能性が非常に高いです。代わりにあなたが望むかもしれないと思いますidx = Math.random(0, video.length - 1);

  1. .video の HTML を、選択したビデオの URL だけに設定しています。それは機能しません。これを機能させるには、iframe ソース属性タグに URL を設定する必要があります。ページがロードされたら、ランダムなビデオを再度変更する必要がありますか? PHPだけでこれをもっと簡単に行うことができるようです。テキスト ファイルから読み取り、URL の 1 つをランダムに選択し、<iframe src="$source">AJAX や Javascript を介する代わりにオンページ ロードを出力します。
于 2016-10-18T02:25:49.223 に答える
0

ここで動作する html バージョンについては、jquery フォーラムで Jake を称賛するものがあります。（WordPressで機能させる方法はまだわかっていませんが、これはGregの回答が原因である可能性があります）。ビデオテキストの内容は元の投稿にあります。コードの HTML バージョンは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Untitled</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
    </script>
    <style>
iframe {
  width: 100%;
  height: 500px;
  border:1px solid red;
}

    </style>
<script>
jQuery(document).ready(function($) {
    $.get('video.txt', function(data) {
        var video = data.split("@");
        var idx = Math.floor(video.length * Math.random());
        console.log(video[idx])
        $("iframe").attr("src",video[idx]);
    });
});
</script></head>
<body>
<iframe width="854" height="480"  frameborder="0" allowfullscreen></iframe>

<div class="video">

</body>
于 2016-10-19T18:37:06.373 に答える