Wordpress에서 텍스트 파일의 jQuery iFrame 변수

Wordpress에서 텍스트 파일에 저장된 URL 및 매개 변수 집합을 사용하여 동영상을 삽입하려고합니다.이 파일은 F5 새로 고침시 무작위로 변경됩니다. 나는 코더 모르지만 나는 가까이 있지만, 잘못라고 생각하고 예는 여기에 있습니다 :Wordpress에서 텍스트 파일의 jQuery iFrame 변수

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

내가 다른 방법을 많이 시도하지만 매개 변수에 파일에서 제대로 전달받을 수없는 것 두 번째 비디오 프레임에서 새로 고침 할 때 임의의 비디오 및 매개 변수를 표시합니다. 위의 링크에서 :

첫 번째 비디오는 시작과 iframe이 삽입 명령과 매개 변수를 중지하고
두 번째 비디오의 시작 부분으로 사용하는 '동영상'의 VAR를 사용하는 시도이다 잘 작동 src = 값
하단은 동영상 링크를 원하는대로 작동하는 페이지를 새로 고침 할 때 div 클래스를 사용하여 올바르게 변경되는 파일의 무작위 라인입니다.

분명히 잘못된 접근 방식을 리디렉션하는 데 도움이됩니다. 여기에 코드입니다 : 어떤 도움

"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"

다시 한번 감사 video.txt의

<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>

` 내용, 내가 발견 한 것들의

출처

2016-10-17 Jeff

커플 ..

.video div가 닫히지 않으므로 문제가 발생할 수 있습니다. (아마 정상적인 코드 않지만, 그것은 당신이 위의 무엇을 게시하지 않습니다
이 :.

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

은 당신이 원하는 일을하지 않는 것 . 인수없이 호출 된 경우 Math.random()은 0과 1 사이의 십진수를 반환합니다. 두 개의 숫자 사이에이를 만들려면 min과 max를 제공해야합니다. 코드에서 idx 변수는 제로가 될 수 있습니다. 대신 당신이 원할 수도 있다고 생각합니다 idx = Math.random(0, video.length - 1);

.video의 HTML을 선택한 동영상의 URL로 설정합니다. 그건 작동하지 않습니다 - 당신은이 작품을 만들기 위해 URL로 iframe 소스 속성 태그를 채워야 할거야. 이제는 질문을 구걸 : 왜 자바 스크립트 에서이 일을하고 있습니까? 페이지가로드되면 임의의 비디오를 다시 변경해야합니까? PHP만으로이 작업을 훨씬 간단하게 처리 할 수있는 것 같습니다. 텍스트 파일을 읽고 임의로 URL 중 하나를 선택한 다음 AJAX 및 Javascript 대신 페이지로드시 <iframe src="$source">을 출력합니다.

출처

2016-10-18 02:25:49

감사합니다. Greg. 당신은 div close에 대해 옳았습니다. 복사하고 수정할 때 그것을 놓쳤습니다. – Jeff

2. Math.random()까지는 올바르게 랜덤 화 된 것처럼 보입니다. 위에서 아래의 링크에서 F5를 눌러 새로 고치는 텍스트 파일의 현재 값을 출력 할 수 있습니다. 무작위로 선택하면 src = video 형식으로 iframe의 일부로 추가하려고 할 때 구문을 이해할 수 있다면 추가 할 수 있습니다. 내가 실제로하려고하는 것은 파일에서 가져온 값을 그대로 사용하고 $ 비디오를 그 것으로 대체하는 것입니다. 내가하고있는 일을 볼 수 있기를 바랍니다. – Jeff

3. 나는 당신이 옳을 것으로 기대한다. 그러나 페이지가 새로 고침 될 때마다 다시 새로 고쳐야합니다. 여기에있는 것 외에도이 페이지에 추가 할 수있는 것들이 많이 있습니다. jQuery에서 배울 점이 많아서 jQuery 학습 경험이 도움이되기를 바랍니다. 고마워, – Jeff

여기에서 작동하는 html 버전의 경우 jake 포럼에서 칭찬받는 사람이있는 경우 누구든지 관심을 보입니다. (WordPress에서 작동하게하는 방법을 아직 생각하지 못했지만 그렉의 대답으로 인해 가능할 수 있습니다.) 비디오 텍스트의 내용은 원래 게시물에 있습니다.다음은 코드의 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-19 18:37:06 Jeff

Wordpress에서 텍스트 파일의 jQuery iFrame 변수

답변

관련 문제