だから私はここにこのコードの塊を持っています(下)。ビデオの再生が終了するのを待ってから、Cookie を検索し、その情報を ajax を介して php スクリプトに送信し、json から URL を取得して、新しい URL で iframe をリロードします。
ですから、あなたも同意すると思います。
その目的は、動画のプレイリストを 1 つ進めることです。ユーザーが >> 種類のボタンをクリックして先に進むことができるボタン領域を作成しようとしています。これはまさにこの関数が行うことです。
新しい機能でゼロから始めるのではなく、ユーザーがそのボタンをクリックしたときに、上記のすべての機能 (ajax とすべて) をアクティブにする方法はありますか?
<script>
function ready(player_id)
{
$f('play').addEvent('ready', function()
{
$f('play').addEvent('finish', onFinish);
});
function onFinish(play)
{
var now_video_var = $.cookie('now_video');
console.log ('player ' + now_video_var + ' has left the building');
var intermediate_integer = parseInt(now_video_var);
var request2 = $.ajax({
url : "geturl.php",
data : {intermediate_integer : intermediate_integer},
type : 'post'
}).done(function(data) {
var gotfrom = jQuery.parseJSON(data);
var NEWURL = gotfrom[1] ;
console.log(gotfrom);
console.log(data);
console.log(gotfrom[1]);
var theiframeforrealyo = document.getElementById('play');
$(theiframeforrealyo).attr("src", "http://player.vimeo.com/video/" + gotfrom[1] +"?api=1&player_id=play&title=0&byline=0&portrait=0&autoplay=1");
var new_video_var = intermediate_integer +1;
$.cookie('now_video', new_video_var);
console.log ( 'cookie function ok: the cookie is....');
console.log ($.cookie('now_video'));
});
}
}
window.addEventListener('load', function() {
//Attach the ready event to the iframe
$f(document.getElementById('play')).addEvent('ready', ready);
});
</script>