la désactivation de la lecture/pause dans la vidéo intégrée à l'aide de JW player
Je suis en utilisant JW (v 5.8) lecteur pour intégrer une vidéo. Et je veux faire en sorte que le démarrage automatique est activé, permettant à la vidéo pour commencer à jouer dès que le chargement de la page, le controlbar est désactivé de manière à ce qu'un spectateur ne peut pas demander à un point aléatoire dans une vidéo et la fonction de lecture/pause en cliquant sur la vidéo est désactivée. Pour intégrer la vidéo mp4, je suis en utilisant JW player.
J'ai réussi à accomplir les 2 premières tâches, mais de désactiver la fonction de lecture/pause en cliquant sur l'écran, je suis en train d'utiliser le clickproxy plugin et il ne fonctionne pas. Je suis coller mon code ci-dessous:
<div id="mediaplayer">JW Player goes here</div>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'flashplayer': 'player.swf',
'file': 'video.mp4',
'controlbar': 'none',
'width': '1000',
'height': '1000',
'plugins': 'clickproxy',
'clickproxy.listener': 'clickListener',
'autostart': 'true'
});
function clickListener(obj)
{
}
</script>
Droit maintenant, avec ce code, la vidéo se charge, mais n'a même pas commencer à jouer, et en cliquant sur la vidéo n'est pas de faire quelque chose, car de la clickproxy plugin. De toute façon pour accomplir ce que je veux?
Je suis un débutant en javascript, de sorte que toute aide serait vraiment appréciée!
Merci!
OriginalL'auteur assassin | 2012-01-12
Vous devez vous connecter pour publier un commentaire.
Ahhh oui, il y avait de la fonctionnalité dans le lecteur pour le faire (à propos de ignorant la souris), mais il semble qu'il ne cesse de se retiré.
Voici la solution que j'ai juste mis en œuvre qui fonctionne pour moi, j'ai simplement prise dans le onPause javascript événement et les médias à jouer de nouveau.
OriginalL'auteur The Coder
Essayer de mettre un transparent div sur le joueur avec la même dimension du joueur.
Merci pour l'idée TheWiseJah. A parfaitement fonctionné pour mes besoins.
créer un div - transparent ou peut-être une opacité de 50%, avec un style position:absolute, width:100%, hauteur:100%, z-index: 10 et ensuite faire $(jwplayer().conteneur).append(div)
OriginalL'auteur TheWiseG
Vous pouvez utiliser la propriété CSS pointeur-événements sur la
#mediaplayer
pour empêcher l'événement de clic à travers la vidéo:Vous pouvez aussi abuser de la
onPause
événement comme une solution de repli pour les navigateurs plus anciens<IE9
, en disant; lire la vidéo si la pause événement est exécuté:#mediaplayer { pointer-events: none; }
cela fonctionne très bien, mais que si je veux éviter le clic pour aller à travers la vidéo et en même temps être en mesure de cliquer sur le controlbar seulement?Ensuite, vous devez appliquer le
pointer-events: none
à une couche plus profonde de ne pas y compris les controlbar.et comment est-il? nous parlons d'un objet flash, à droite? donc, à l'intérieur de la
<div id="mediaplayer">JW Player goes here</div>
il est créé la<object ...>
contenant<param ...>
, donc sous le mediaplayer div il n'y a pas tellement d'appliquer des feuilles de style css. ou suis-je perdre quelque chose?Vous avez besoin d'envelopper le
<object>
dans un<div>
et d'appliquer le pointeur-événements.OriginalL'auteur Sindre Sorhus