javascript — мой mediaelement.js плеер не загружается правильно
Я интегрирую проигрыватель mediaelement.js на свой сайт. Когда я настраиваю кнопку воспроизведения, чтобы вызвать появление плеера, он не загружает весь плеер. Я должен нажать кнопку воспроизведения три раза, чтобы загрузить плеер.
Когда я нажимаю кнопку, открывается iframe:
<a href="javascript:;" data-id="<?php echo $video['id']['videoId'];?>" data-title="<?php echo htmlspecialchars( $video['snippet']['title'] ); ?>" data-source="youtube" id="ic<?php echo $video['id']['videoId'];?>" class="btn-play"><button type="button" class="btn btn-success btn-md" style="width: 100%;"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <?php echo $search_play_but; ?></button></a>
<div id="player-<?php echo $video['id']['videoId'];?>" class="player clearfix">
Это код iframe:
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/mediaelement/latest/mediaelement-and-player.min.js"></script>
<script>$('audio').mediaelementplayer();</script>
<?php
require_once('../admin/config.php');
require_once('../includes/url_slug.php');
$json = file_get_contents('https://www.googleapis.com/youtube/v3/videos?id='.$_GET["id"].'&key='.$youtube_key.'&part=snippet');
$yt_data = json_decode($json);
$yt_id = $_GET["id"];
?>
//this is the iframe
<div id="player-<?php echo $video['id']['videoId'];?>" class="player clearfix"></div>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/mediaelement/latest/mediaelementplayer.css">
<script>
MediaElement('player1', {success: function(me) {
me.play();
}});
</script>
<body>
<audio preload="auto" id="player1" preload="none" controls>
<source autoplay="true" src="https://www.youtube.com/watch?v=<?php echo $yt_id; ?>" type="video/x-youtube">
</audio>
<?php
$count++;
?>
Когда это только игрок, он загружается сразу:
http://escuchala.com/includes/youtube.php?id=VRJmcxCrAOA
но в поисках вы должны нажать кнопку три раза, чтобы играть, чтобы играть:
Решение
вот что я имею в виду:
на escuchala.com/include/youtube.php?id=Htu3va7yDMg
Плеер отображается один раз. готов играть музыку.
проверьте изображения
Другие решения
Других решений пока нет …