youtube 비디오를 가지고있는 비디오 재생 목록을 만드는 방법?

당신 튜브 내장 비디오를 지원하는 비디오 재생 목록을 작성하는 방법은 무엇입니까?youtube 비디오를 가지고있는 비디오 재생 목록을 만드는 방법?

페이지를 새로 고치고 싶지 않습니다. 사용자가 다른 동영상을 클릭하면 동영상이 동적으로 변경되기 때문에 참조 용으로 this을 살펴보십시오.

jplayer/video-js/flowplayer 등이이 기능을 지원합니까?

2013-09-04 Siddharth Patel

video.js와 YouTube 플러그인을 사용하는 경우 video.js API을 사용하여 소스를 업데이트 할 수 있습니다. video/youtube 유형을 지정해야합니다.

videojs("myPlayer").src({ type: "video/youtube", src: "http://www.youtube.com/watch?v=dQw4w9WgXcQ"});

예 : http://jsfiddle.net/mister_ben/g7mrs/

출처

2013-09-07 09:03:52 misterben

비디오가로드되지 않습니다. 콘솔에서 "http://www.youtube.com"이 "http://jsfiddle.net"의 출처를 가진 프레임에 액세스하지 못하도록 "출처가있는 프레임 차단"을 찾았습니다. 포트가 일치해야합니다. " 오류. 당신의 솔루션은 작동해야한다고 생각합니다. –

예, 작동합니다. –

이것은 JS 트릭입니다. 브라우저 (또는 방화 광구)에 콘솔이 있다면 브라우저에서 JSON get 요청 및 응답을 받고 서버로 되돌아갑니다. 서버가 데이터베이스에서 올바른 비디오를 읽어 들여 브라우저로 보내고 페이지 DOM에 삽입합니다.

출처

2013-09-04 12:28:56 golddragon007

그것이 dB없이 할 수 있습니까? 다른 파일 또는 CSS에 의해 숨겨져있는 목록에서 get urls을 좋아합니까? –

동적으로 유튜브 SRC 변경이 예제를보십시오 :

<!DOCTYPE html> 
<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="http://vjs.zencdn.net/5.4.4/video-js.css"/> 
</head> 
<body> 
<video 
    id="vid1" 
    class="video-js vjs-default-skin" 
    controls 
    width="640" height="264" 
    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }' 
    > 
</video> 


<button id="change">change video</button> 

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="http://vjs.zencdn.net/5.4.4/video.js"></script> 
<script 
    src="https://raw.githubusercontent.com/eXon/videojs-youtube/637a2916c2c4fd2b5fc55dafa3df923a92fec6d0/src/Youtube.js"></script> 
<script> 

    (function ($) { 
     $(document).ready(function() { 

      // An example of playing with the Video.js javascript API 
      // Will start the video and then switch the source 3 seconds latter 
      // You can look at the doc there: http://docs.videojs.com/docs/guides/api.html 
      videojs('vid1').ready(function() { 
       var myPlayer = this; 
       myPlayer.src({type: 'video/youtube', src: 'https://www.youtube.com/watch?v=y6Sxv-sUYtM'}); 

       $("#change").on('click', function() { 
        myPlayer.src({type: 'video/youtube', src: 'https://www.youtube.com/watch?v=09R8_2nJtjg'}); 
       }); 
      }); 

     }); 
    })(jQuery); 
</script> 
</body> 
</html>

또는 여기 토론 참조 : https://github.com/eXon/videojs-youtube/issues/339#issuecomment-164592838

출처

2015-12-15 04:47:49 ling

youtube 비디오를 가지고있는 비디오 재생 목록을 만드는 방법?

답변

관련 문제