Je souhaite que lorsque la page de site Web est automatiquement chargée de la page de lecture.
J'ai référencé à JQuery.js, MediaElementPlayer.js et MediaElementplayar.min.css sur ma page et une balise vidéo ajoutée.
J'ai essayé tant de façons, par ex. J'utilise blogengine.net 2.0.
Comment puis-je faire ça? AutoPlay = true et utilisez le code JavaScript mais je ne pouvais pas l'obtenir pour travailler.
12 Réponses :
Voici le code: simple, mais m'a pris une semaine
Donc, ce code et la lecture automatique dans l'étiquette travaillaient assez bien - mais je suis ajaxant dans un tas de contenu et c'est un peu aller à Haywire - Doublement tripler - puis les contrôles ne fonctionnent pas, etc. - Quelque chose à Gardez à l'esprit !
ou que vous auriez pu mettre de la lecture automatique et / ou preload = "auto" dans la balise
// works here (tested with MediaElements.js 2.1.9)
$(document).ready(function () {
$('video,audio').mediaelementplayer().load();
});
var player = new MediaElementPlayer('video', {
startVolume: 0.8,
features: ['playpause','progress'],
autoplay: true,
audioWidth: 250,
audioHeight: 40
}
);
player.play();
just create your own object and start it via play();
Cela peut être utile.
$('audio,video').mediaelementplayer({
success: function(player, node) {
$('.mejs-overlay-button').trigger('click');
}
});
Sauf si vous manquez le point d'ajouter simplement 'Autoplay' à la balise vidéo HTML5
Ne fonctionne pas avec MediaElementPlayer dans les navigateurs qui ne prennent pas en charge
Bien que la suggestion de User932056 ne fonctionnait pas exactement pour moi, j'ai utilisé l'idée générale en haut de ma page, qui a finalement travaillé:
Ceci est un bogue dans MediaElementjs, AutoPlay fonctionne pour Native et Silverlight, mais a besoin d'un peu d'aide avec Flash.
Vous pouvez écouter pour Les astuces de SetTimeOut peuvent échouer dans des conditions de course. P> $('#playerid').mediaelementplayer({
plugins: ['flash', 'silverlight'],
success: function(mediaElement, domObject) {
if (mediaElement.pluginType == 'flash') {
mediaElement.addEventListener('canplay', function() {
// Player is ready
mediaElement.play();
}, false);
}
},
error: function() {
alert('Error setting media!');
}
});
Bonjour, pouvez-vous me dire comment arrêter la lecture automatique pour le médiarement YouTube?
Voici la façon la plus simple que je connaisse. Je ne sais pas si c'est ce que vous cherchez, mais si ma compréhension de votre question est correcte, cela a fonctionné pour moi. J'utilise MediaElement 2.9.4.
<script>
MediaElement('player1', {success: function(me) {
me.play();
}});
</script>
Vous pouvez ajouter l'attribut jouer Sur tous les navigateurs / périphériques, vous pouvez utiliser jQuery pour référencer l'objet et appeler sa méthode pour plus d'informations, Vous pouvez vérifier ici . autoplay = "true" à la balise light () .
La raison de la solution alternative (" de jouer sur tous les navigateurs ...") est en fait ceci: le autooplay = "true" attribut ne fonctionne pas au cas où le média .js doit revenir sur son lecteur vidéo Flash.
Voici le code que j'ai écrit et travaille pour moi dans des étuis vidéo HTML5 et pour Flash Player aussi;
$('video,audio').mediaelementplayer({
mode: 'auto_plugin',
defaultVideoWidth: 480,
defaultVideoHeight: 360,
success: function (me) {
whenPlayerReadyToPlay(me, function () {
me.play();
})
}
});
function whenVideoReadyToPlay(me, callback) {
if (me.pluginType !== 'flash') {
me.addEventListener('loadstart', function (e) {
callback();
}, false);
return;
}
if (me.attributes.preload === 'none') {
$(me.pluginElement).ready(function (e) {
callback();
});
}
else {
me.addEventListener('canplay', function (e) {
callback();
}, false);
}
}
Wow cela corrigé ça! Le joueur était natif HTML5 mais modifié pour utiliser Flash lors de l'ajout du mode : "auto_plugin" attribut est-ce normal? Comment trouvez-vous cet attribut? Ne vois pas que c'est listé dans la documentation.
Je trouve quelque part sur Google :-) Je ne l'ai pas trouvé dans la documentation aussi.
Pour ceux qui ont un problème avec La meilleure solution de contournement consiste à détecter si la vidéo ne joue pas à l'aide du rachat code> de réussite de code>, puis appendez un bouton avec une action à Jouer la vidéo P> autoplay code> sur Safari iOS (ou tout autre navigateur qui rejetant la lecture automatique) Il existe une nouvelle stratégie qui nécessite une action d'utilisateur pour lire les médias (audio, vidéo), tout des solutions mentionnées ci-dessus ne fonctionneront pas.
Plus de détails ici https://webkit.org/blog/6784/ nouvelles-vidéo-politiques-for-ios / . var video = document.querySelector('video');
var promise = $j('.video-wrap .video').mediaelementplayer({
autoplay: true,
playsinline: 1,
success: function(media, node, player) {
if(media.paused){
$( "body" ).append( "<button type="button" id='playvideo'>Play</button>" );
}
},
error: function (e) {
}
});
//add a click action to play video
$( "#playvideo" ).click(function() {
video.play()
});
Vous devez fournir plus d'informations que cela. Default.aspx's ne joue tout simplement pas aux médias.