組み込みのVimeoビデオを自動的に再生する

以下のコードでは、ビデオを順番に再生しますが、ビデオはローカルに保存されています。ページが統合されたvimeoビデオを使用して、最初のビデオが終了すると、2番目のビデオが開始されます。私のコードでは、私は配列（プレイリスト[]）のsrcを持っています...それは私のVimeoビデオのソースまたはソースと置き換えることは可能ですか？組み込みのVimeoビデオを自動的に再生する

<video id="headervideo" class="video"> 
          <source id="videoFile" width="100%" height="100%" /> 
          Your browser does not support the video tag. 
        </video> 

     <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
     <script type="text/javascript"> 
     //============================== 
     var track = 0 
     var playlist = [{src: 'https://player.vimeo.com/video/240512614?title=0&byline=0&portrait=0&badge=0', type: 'video/mp4'}, {src: 'https://player.vimeo.com/video/240289181', type: 'video/mp4'}] 


     //============================== 
     $(document).ready(function() { 
      document.getElementById('headervideo').addEventListener('ended', function() { 
       track++ 
       track = (track > (playlist.length - 1)) ? 0 : track 
       //alert(track) 
       playMovie(playlist[track]) 
      }, false) 
      playMovie(playlist[track]) 
     }) 
     //============================== 
     playMovie = function (movie) { 
      $('#videoFile') 
       .prop('src', movie.src) 
       .prop('type', movie.type) 

      document.getElementById('headervideo').load() 
      document.getElementById('headervideo').play() 
     } 
     //============================== 
    </script>

出典

2017-11-06 s.satcha

それらを交換しようとしましたか？ – jmargolisvt

はい、それはうまくいかないかもしれませんが、私はうまくやっていないかもしれないと思っていました。 –

あなたの試みを表示していない作業コードではなく、。見えない場合は、壊れたコードを修正することはできません。 – jmargolisvt

多分これはVimeoのドキュメントに従って

EDIT

、あなたを助けることができる私は自動再生で最初にテストした実施例で前

<!DOCTYPE html> 

<html> 

<head> 
    <title></title> 
</head> 

<body> 
    <div id="video-container"></div> 
    <script src="https://player.vimeo.com/api/player.js"></script> 
    <script> 
    document.addEventListener("DOMContentLoaded", function(event) { 

     var videos = ['59777392', '19231868', '202791609']; //videos ids 

     var options = { 
      width: 640 
     }; 

     playMovie(null, videos, options) 
    }) 

    var playMovie = function(player, videos, options) { 

     if (!videos.length) { 
      return false; 
     } 

     var video = videos.shift(); 

     if(!player){ 
      options.id = video; 
      player = new Vimeo.Player('video-container', options); 
      player.play(); 
      player.on('ended', function(){ 
       playMovie(player, videos, options) 
      }) 
     }else{ 
      player.loadVideo(video) 
       .then(function(){ 
        player.play(); 
       }) 
       .catch(function(error) { 
        console.warn(error); 
       }); 
     } 
    } 
    </script> 
</body> 

</html>

を掲載コードを置き換えますオプションでは最初の2つの動画だけが自動的に開始されます。私は各ビデオの再生機能を呼び出すことによって問題を解決しました

出典

2017-11-06 19:15:22 Ciro

それは仕事ではありません...私はコードで警告します....後にビデオ= videos.shift（）;彼は最初の機能でムービー（プレーヤー、ビデオ）に戻り、彼は終了します –

彼はビデオをロードしません –

こんにちは、私は実例を入れました。今すぐ使える – Ciro

組み込みのVimeoビデオを自動的に再生する

答えて

関連する問題