クエリ文字列に基づいて、ページに埋め込まれた動画を自動再生するかどうかを設定しますか？

Question

埋め込まれたページのURLのクエリ文字列に基づいて、ページに埋め込まれた動画を自動再生するように設定できますか？

例えば、私がbla-blah.web/interthingy.htmlにVimeoを埋め込んだページを持っている場合、bla-blah.web/interthingy.html？playかbla-blahにすることは可能でしょうか？ web/interthingy.html？play = trueそのページに含まれるVimeoの埋め込みが自動再生されるようにしますか？

基本的にURLを読み取り、埋め込みビデオに特定のクエリ文字列があるかどうかに基づいて自動再生を設定するものです。

これが尋ねられ、他の場所で回答されている場合は謝罪します。私はそれに何かを見つけることができないようです。

Answer 1

溶液は、window.location.searchに基づくことができる。

splitとfilterを使用すると、クエリパラメータの再生とその値を検索することができます。

このパラメータが存在し、値が指定されていないか、本当のことはVimeoのビデオplayすることができます場合：

var playParams = window.location.search.split('&').filter(function(ele, index) { 
 
    var tmpArr = ele.split('='); 
 
    if (tmpArr[0] == '?play' || tmpArr[0] == 'play') { 
 
    if (tmpArr.length == 2) { 
 
     return tmpArr[1] == 'true'; 
 
    } 
 
    return true; 
 
    } 
 
}); 
 

 
if (playParams.length > 0) { 
 
    var iframe = document.querySelector('iframe'); 
 
    var player = new Vimeo.Player(iframe); 
 

 
    player.play(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://player.vimeo.com/api/player.js"></script> 
 

 

 

 
<iframe src="https://player.vimeo.com/video/76979871" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>