Я использую javascript API iframe для YouTube, и мои видео не воспроизводятся в ios7. Я заметил, что в iframe есть кнопка воспроизведения, которая скрыта собственными таблицами стилей YouTube (точнее, установлена на высоту и ширину 1 пиксель! важно). Если я использую отладчик сафари с симулятором ios7 для удаления этих стилей, кнопка воспроизведения становится видимой и при нажатии позволяет воспроизводить видео в ios.
Проблема в том, что я не могу написать стиль в своих таблицах стилей, который переопределяет это поведение! Как я могу решить эту проблему? Прикреплен скриншот оскорбительного стиля, а ниже мой код для запуска плеера:
var videoOptions = {
'controls': 0,
'playsinline' : 1,
'showinfo': 0,
'html5':1,
'modestbranding': 1,
'autoplay': 0,
'rel': 0,
'enablejsapi' : 1,
//'origin': window.location.origin,
'wmode': 'opaque'
};
$scope.jsPlayer = new YT.Player('story-video-player-container', {
height: '100%',
width: '100%',
videoId: $scope.currentVideo.youtube_id,
events: {
'onReady': $scope.onPlayerReady,
'onStateChange': $scope.onPlayerStateChange,
'onPlaybackQualityChange': $scope.onPlaybackQualityChange
},
playerVars: videoOptions,
});
Я пытался изменить все параметры видео, чтобы показать все элементы управления/информацию/брендинг/и т. д., ничего не работает.