Могу ли я заменить оригинальный значок воспроизведения YouTube на встроенные видеоролики youtube? Я бы поставил свою собственную иконку выше iframe youtube для достижения этого. Я знаю, что facebook не позволяет стилизовать подобную кнопку, поэтому я спрашиваю о настройке проигрывателя youtube.Можно ли изменить значок воспроизведения встроенных видеороликов YouTube?
8
A
ответ
14
Я не уверен, что вы можете настроить YouTube, встроенный без использования JavaScript JavaScript api.
Вот как это сделать с API:
Javascript
//youtube script
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
onYouTubeIframeAPIReady = function() {
player = new YT.Player('player', {
height: '244',
width: '434',
videoId: 'AkyQgpqRyBY', // youtube video id
playerVars: {
'autoplay': 0,
'rel': 0,
'showinfo': 0
},
events: {
'onStateChange': onPlayerStateChange
}
});
}
onPlayerStateChange = function (event) {
if (event.data == YT.PlayerState.ENDED) {
$('.start-video').fadeIn('normal');
}
}
$(document).on('click', '.start-video', function() {
$(this).fadeOut('normal');
player.playVideo();
});
HTML
<div id="player"></div>
<button class="start-video">Start Video</button>
CSS
button {
position: absolute;
top: 106px;
padding: 12px;
left: 174px;
}
Я создал a Jsfiddle с рабочим примером.
Смежные вопросы
- 1. Воспроизведение встроенных видеороликов YouTube
- 2. Загрузка встроенных видеороликов
- 3. Автоматическое изменение размера встроенных видеороликов
- 4. Как динамически создавать несколько видеороликов YouTube, встроенных в страницу?
- 5. Работа для автоматического воспроизведения видеороликов YouTube на мобильном телефоне
- 6. Получить несколько встроенных видео Youtube для автоматического воспроизведения в последовательности
- 7. значок загрузки YouTube на кнопку воспроизведения
- 8. Изменить значок воспроизведения в flowplayer
- 9. Можно ли использовать музыку для различных видеороликов YouTube для визуализации?
- 10. Как использовать JavaScript для показа встроенных видеороликов YouTube при нажатии
- 11. Отключить кеширование видеороликов YouTube
- 12. Изменить качество воспроизведения YTPlayerView
- 13. Аннотирование видеороликов YouTube программно
- 14. статусной вопрос о UIWebView встроенных YouTube видео воспроизведения
- 15. Youtube - пользовательский значок игры
- 16. Синхронизация нескольких видеороликов YouTube
- 17. Можно ли изменить значок exe без перекомпиляции?
- 18. Можно ли изменить значок мыши из терминала?
- 19. Можно ли изменить значок в moodle?
- 20. Можно ли программно изменить значок приложения?
- 21. Можно ли изменить значок на Android-рынке?
- 22. Скремблирование видеороликов для плейлистов YouTube
- 23. MPMoviePlayerController проблема после воспроизведения YouTube
- 24. Можно ли скрыть красную кнопку воспроизведения youtube с параметром?
- 25. Как изменить информацию MPNowPlayingInfoCenter для воспроизведения youtube?
- 26. Могу ли я использовать веб-искатель для добавления новых видеороликов YouTube в список воспроизведения?
- 27. Поиск старых видеороликов на YouTube
- 28. Просмотр видеороликов YouTube с YouTube iFrame
- 29. Воспроизведение случайных видеороликов YouTube на основе тегов
- 30. Сохраните описание нескольких видеороликов youtube
Это не работает, вы можете видеть кнопку youtube под своей пользовательской кнопкой в скрипке. – roNn23
Не для меня @ roNn23, в Chrome связанная скрипка от AfromanJ выглядит хорошо и ist настраивается. –