2016-08-29 5 views
0

작동하지 :Videojs 재생 목록 내가 그 예처럼 비디오 JS의 재생 목록 플러그인을 사용하려고 할 때이 문제가

<!doctype html> 
<html> 

<head> 
    <meta charset="UTF-8"> 
    <title>Playlist Tester Perform</title> 
    <style type="text/css"> 
    .video-js { 
     float: left; 
     margin: 15px; 
     width: 440px; 
     height: 280px; 
    } 
    .vjs-playlist { 
     width: 250px; 
     float: left; 
     margin: 15px; 
    } 
    </style> 
</head> 
<body> 
    <video id="myPlayerID" 
    data-account="3676484087001" 
    data-player="04ac0699-ca6b-449b-a2b6-0f14b4a7893b" 
    data-embed="default" 
    class="video-js" controls></video> 

    <ol class="vjs-playlist"></ol> 

    <script src="//players.brightcove.net/3676484087001/04ac0699-ca6b-449b-a2b6-0f14b4a7893b_default/index.min.js"></script> 

    <script type="text/javascript"> 
    videojs('myPlayerID').ready(function() { 
     var myPlayer = this; 
     myPlayer.playlist([{ 
     "sources": [{ 
      "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_SeaHorse.mp4", "type": "video/mp4" 
     }], 
     "name": "Seahorse", 
     "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_Seahorse_poster.png", 
     "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_Seahorse_poster.png" 
     }, { 
     "sources": [{ 
      "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_Anemone.mp4", "type": "video/mp4" 
     }], 
     "name": "Sea Anemone", 
     "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_Anemone_poster.png", 
     "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_Anemone_poster.png" 
     }, { 
     "sources": [{ 
      "src": "http://solutions.brightcove.com/bcls/assets/videos/Tiger.mp4", "type": "video/mp4" 
     }], 
     "name": "Tiger", 
     "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Tiger_poster.png", 
     "poster": "http://solutions.brightcove.com/bcls/assets/images/Tiger_poster.png" 
     }, { 
     "sources": [{ 
      "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_ClownFish.mp4", "type": "video/mp4" 
     }], 
     "name": "Clownfish", 
     "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_ClownFish_poster.png", 
     "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_ClownFish_poster.png" 
     }, { 
     "sources": [{ 
      "src": "http://solutions.brightcove.com/bcls/assets/videos/Sea_LionFish.mp4", "type": "video/mp4" 
     }], 
     "name": "Lionfish", 
     "thumbnail": "http://solutions.brightcove.com/bcls/assets/images/Sea_LionFish_poster.png", 
     "poster": "http://solutions.brightcove.com/bcls/assets/images/Sea_LionFish_poster.png" 
     }]); 
    }); 
    </script> 
</body> 

</html> 

난 내 로컬 폴더 ("SRC"에 동영상 링크를 변경하는 경우 : "/ 파일을 /convert/videos/38472531Test.mp4 ","type ":"video/mp4 ") 재생 목록이 다음 동영상으로 넘어 가지 않습니다. 나는 그것이 ffmpeg 변환의 문제라고 생각하지만 확실하지 않습니다.

PD는 : 문제는 단지 재생

+0

어떻게이 HTML을로드하고 "/ files/convert/..."에서 로컬 콘텐츠를 제공하고 있습니까? 브라우저의 웹 개발자 도구를 열고 네트워크 연결을 관찰하십시오. – kaliatech

+0

동영상이 작동합니다. 문제는 재생 목록입니다. – Bullgod

+0

나는 아직도 당신의 질문을 이해하지 못합니다. 질문에 표시된대로 밝기 표시 URL을 사용할 때 재생 목록이 작동합니까? 그럼에도 불구하고 여전히 웹 개발자 도구를 열고 네트워크 연결과 콘솔을 관찰하여 확실한 것이 있는지 확인하는 것이 좋습니다. – kaliatech

답변

0

에 난 그냥이 같은 문제를 가지고되지 않았을 재생 목록에 있습니다. 광산에서 비디오 파일에 대한 URL을 설정하면 http://myip/path to video file 대신 로컬 링크에 파일을 제공하는 대신 자동 재생을 시작합니다. 이게 당신 사건입니까?

이것이 재생 목록 플러그인의 버그라고 생각하지만 제 경우에는 해결 방법으로 작동하는 것 같습니다.