Comment gérer les vidéo de YouTube événements (commencé, finition, etc) dans uiwebview iOS

Actuellement, je suis en utilisant le nouveau iframe API pour intégrer une vidéo YouTube à l'intérieur de la uiwebview sur l'iPad et j'ai été en mesure de faire de l'auto de jouer sans les interactions de l'utilisateur.
Dans l'iframe de l'API, il est décrit comment utiliser le onstatechange événement, mais dans mon application, il ne semble pas fonctionner et je ne peux malheureusement pas voir tout de débogage dans uiwebview.

Je veux juste pu capable de détecter le moment où la fin de la vidéo, avez-vous des conseils à ce sujet?
Quelqu'un a réussi à le faire fonctionner?

  • Avez-vous trouvé la solution?
InformationsquelleAutor Pierpaolo | 2011-05-11
  1. 15

    Avez-vous essayé (à partir de la documentation) pour affecter un entier à l'événement d'un film de fin?:

    onStateChange Cet événement se déclenche lorsque le joueur les changements d'état.
    La propriété data de l'objet d'événement que l'API passe à votre
    fonction écouteur d'événement permettra de spécifier un entier qui correspond à
    le nouveau joueur de l'etat. Possible les valeurs des données sont:

    -1 (unstarted)
0 (ended)
1 (playing)
2 (paused)
3 (buffering)
5 (video cued).

    Lorsque le joueur se charge tout d'abord une vidéo, il diffusera une unstarted
    (-1) de l'événement. Lorsqu'une vidéo est sélectionnée et prêt à jouer, le joueur va
    diffuser une vidéo indicé (5) de l'événement. Dans votre code, vous pouvez spécifier l'
    des valeurs entières ou vous pouvez utiliser l'une des opérations suivantes des espaces de
    variables:

    YT.PlayerState.ENDED
YT.PlayerState.PLAYING
YT.PlayerState.PAUSED
YT.PlayerState.BUFFERING
YT.PlayerState.CUED

    Donc, quelque chose comme:

    if(event.data==YT.PlayerState.ENDED){ 
//do stuff here
                }
    InformationsquelleAutor CodaFi
  2. 1

    Mai de cette http://code.google.com/apis/youtube/js_api_reference.html#SubscribingEvents peut vous aider à

    • pas de travail pour moi. A tout essayé.
    InformationsquelleAutor Elegant Microweb
  3. 0

    Pour détecter le moment où la vidéo se termine, puis la vidéo a l'état 0 ou YT.PlayerState.TERMINÉ

    Voici un lien vers jsfiddle un lien! 

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page 1</title>
</head>
<body>
<h1>Video page</h1>
<br>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
//2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
//3. This function creates an <iframe> (and YouTube player)
//   after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'ussCHoQttyQ',
playerVars: {
'autoplay': 0,
'controls': 0,
'showinfo': 0,
'rel': 0
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
//4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.playVideo();
}
//5. The API calls this function when the player's state changes.
//The function indicates that when playing a video (state=1),
//-1 unstarted 
//0 ended 
//1 playing
//2 paused
//3 buffering
//5 video cued
var done = false;
function onPlayerStateChange(event) {
console.log(event);
if (event.data == YT.PlayerState.ENDED) {
alert(1);
}
}
</script>
</body>
</html>
    InformationsquelleAutor Gth lala
  4. 0

    Il peut être connecté avec la lecture automatique de la politique dans votre navigateur (il est désactivé par défaut dans les navigateurs mobiles).

    Si votre navigateur est chrome, vous pouvez la lancer en ligne de commande additionnelles drapeau --autoplay-policy=no-user-gesture-required - il a travaillé pour moi.

    InformationsquelleAutor Vaksus
  5. -1

    vous avez besoin de faire usage de JavaScript pour que.

    Consulter ce lien : https://developers.google.com/youtube/js_api_reference

    InformationsquelleAutor Nagaraj