Vimeo 비디오가 HTML5 태그와 함께 작동하지 않습니다.

Vimeo 비디오에 슬라이더를 추가하고 싶습니다. 나는 this slider을 확인했지만 HTML5 비디오 태그를 사용합니다. Vimeo 비디오 URL에 동일한 태그를 사용하면 작동하지 않습니다. 여기 Vimeo 비디오가 HTML5 태그와 함께 작동하지 않습니다.

<video src="http://player.vimeo.com/video/68866759"></video>

전체 코드입니다 : 당신은 그것을 작동하는 우리의 소스 코드를 사용해야합니다

<html> 
<body> 
<script type='text/javascript' src='http://amazingslider.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script> 
<script type='text/javascript' src='http://amazingslider.com/wp-content/plugins/amazingslider-plugin/sharedengine/amazingslider.js?ver=1.6'></script> 
<link rel="stylesheet" type="text/css" media="all" href="http://amazingslider.com/wp-content/themes/twentyeleven/style.css" /> 
<div class="demo-slider"> 
    <div style="display:block;position:relative;margin:15px auto 30px;" id="amazingslider-11"> 
     <ul style="display:none;" class="amazingslider-slides"> 
      <li><img alt="Big Buck Bunny Copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/big_buck_bunny_480_270.jpg"> 
       <video src="http://player.vimeo.com/video/68866759" preload="none"></video> 
      </li> 
      <li><img alt="Elephants Dream Copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/elephants_dream_480_270.jpg"> 
       <video src="http://www.youtube.com/embed/TLkA0RELQ1g" preload="none"></video> 
      </li> 
      <li><img alt="Sintel - Third Open Movie by Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/Sintel_480_270.jpg"> 
       <video src="http://www.youtube.com/embed/eRsGyueVLvQ" preload="none"></video> 
      </li> 
     </ul> 
     <ul style="display:none;" class="amazingslider-thumbnails"> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/big_buck_bunny_480_270.jpg"></li> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/elephants_dream_480_270.jpg"></li> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/Sintel_480_270.jpg"></li> 
     </ul> 
     <div style="display:none;" class="amazingslider-engine"><a href="http://www.amazingslider.com">jQuery Slider</a></div> 
    </div> 
    <script src="http://amazingslider.com/wp-content/uploads/amazingslider/11/sliderengine/initslider.js"></script> 
</div> 
</body> 
</html>

출처

2013-08-25 user2477139

Vimeo는 삽입 할 페이지를 제공합니다. Vimeo가 제공 한 HTML 스 니펫을 복사하여 '

여기 내 코드입니다. http://player.vimeo.com/video/68866759은 동영상 파일이 아니며 HTML 페이지이므로 동영상 태그에 추가하면 아무 것도 할 수 없습니다. 이와 함께 비디오 태그를 교체 할 경우

그것을 작동합니다 :

<iframe src="//player.vimeo.com/video/68866759" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

출처

2013-08-27 18:12:21

이동하여 비디오 설정 및 비디오 파일에, 가 자신의 사용이라는 섹션이 맨 아래에 플레이어, 동영상에 직접 URL이 있습니다. 예 :

<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"></video>

참고 :이 PRO 비 메오 계정이 필요합니다.

출처

2014-02-04 10:59:11 gregmatys

콘텐츠 소유자가 아니고 vimeo 홈페이지 또는 http://summitdublin.com/과 같은 웹 페이지에서 동영상 htnl5 태그로 Vimeo 동영상을 재생하려는 경우 동영상의 직접 URL을 찾는 방법이 있습니까 ? – Ajar

"자신의 플레이어 사용"을 찾을 수 없습니다. 여전히 존재합니까? – edonbajrami

@ edonbajrami 오늘날까지도 여전히 거기에 있습니다. 그러나 우리는 프로 Vimeo 계정이 있습니다 ... – BenRacicot

Vimeo 비디오가 HTML5 태그와 함께 작동하지 않습니다.

답변

관련 문제