PC SOFT

GRUPOS DE DISCUSSÃO PROFISSIONAL
WINDEVWEBDEV e WINDEV Mobile

Inicio → WINDEV 25 → WX - Como colocar um video do Youtube em uma página Webdev
WX - Como colocar um video do Youtube em uma página Webdev
Iniciado por Boller, mar., 20 2021 7:09 PM - 4 respostas
Membro registado
3.651 mensagems
Popularité : +175 (223 votes)
Publicado em março, 20 2021 - 7:09 PM
Prezados,

Abaixo explico como fazer:

1 - Crie uma nova página

2 - Coloque o controle RTF de texto nessa pagina





3 - Click com o botao direito do mouse sobre o controle RTF e click em Description:





RICH Text Area Control

Em "EDIT HTML CODE"






Cole esse código abaixo e troque o ID do video no Youtube

videoId: 'qETxZ8UZ7jo', <----------------- Coloque aqui o seu ID do seu video

<div id="ytplayer"></div>
<script>
var player;
var onYouTubePlayerAPIReady;
FUNCTION initYoutube(){
// Load the IFrame Player API code asynchronously.
var tag = Document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = Document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
onYouTubePlayerAPIReady = FUNCTION() {
player = new YT.Player('ytplayer', {
height: '100%',
width: '100%',
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
// ENTREZ ICI L'ID DE VOTRE VIDEO YOUTUBE
videoId: 'qETxZ8UZ7jo',
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
playerVars: {
controls:2,
showinfo:0,
modestbranding:1,
enablejsapi:1,
html5:1,
frameborder:0
}
});
}
}
var _bIEAvec11 = ((-1 == navigator.userAgent.toLowerCase().indexOf("opera"))
&& (-1 != navigator.appName.indexOf("Microsoft")))
|| (-1 != navigator.userAgent.indexOf("Trident/"));
IF (_bIEAvec11){
initYoutube();
}
ELSE{
Document.body.attributes.onLoad.value += "initYoutube()";
}
</script>


--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 99949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.com.br/
Membro registado
3.651 mensagems
Popularité : +175 (223 votes)
Publicado em março, 20 2021 - 7:10 PM
<div id="ytplayer"></div>
<script>
var player;
var onYouTubePlayerAPIReady;
function initYoutube(){
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
onYouTubePlayerAPIReady = function() {
player = new YT.Player('ytplayer', {
height: '100%',
width: '100%',
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
// ENTREZ ICI L'ID DE VOTRE VIDEO YOUTUBE
videoId: 'qETxZ8UZ7jo',
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
playerVars: {
controls:2,
showinfo:0,
modestbranding:1,
enablejsapi:1,
html5:1,
frameborder:0
}
});
}
}
var _bIEAvec11 = ((-1 == navigator.userAgent.toLowerCase().indexOf("opera"))
&& (-1 != navigator.appName.indexOf("Microsoft")))
|| (-1 != navigator.userAgent.indexOf("Trident/"));
if (_bIEAvec11){
initYoutube();
}
else{
document.body.attributes.onLoad.value += "initYoutube()";
}
</script>


--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 99949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.com.br/
Membro registado
3.651 mensagems
Popularité : +175 (223 votes)
Publicado em março, 20 2021 - 7:16 PM
//JAVASCRIPT PARA O EVENTO DE SLOW MOTION DE MOVIMENTACAO ENTRE AS ZONES
// Scroll vers une position
function ScrollToAnime(nPosition){
$('html, body').animate({scrollTop:nPosition}, 'slow');
}


// Résumé : Affiche une zone
// Syntaxe :
//ZoneAffiche (<nIndice> est entier)
//
// Paramètres :
// nIndice (entier) : L'indice de la zone à afficher
//
Procedure ZoneAffiche(nIndice is int)

nMarge is int = ZONE_Header.Height

NAV_Bandeau.Collapsed = True

SWITCH nIndice
CASE 1
ScrollToAnime(ZONE_1.Y - nMarge)
CASE 2
ScrollToAnime(ZONE_2.Y - nMarge)
CASE 3
// Vidéo youtube
ScrollToAnime(ZONE_3.Y - nMarge)

// Lancement de la lecture vidéo
EXTERN player
IF player THEN
player.playVideo()
END
CASE 4
ScrollToAnime(ZONE_4.Y - nMarge)
CASE 5
ScrollToAnime(ZONE_5.Y - nMarge)
END


--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 99949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.com.br/
Membro registado
3.651 mensagems
Popularité : +175 (223 votes)
Publicado em março, 20 2021 - 7:21 PM
ESSE EXEMPLO É DO SITE DO PROJETO WM SPORT







Duvidas ligue para +55 41 99949 1800

--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 99949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.com.br/
Membro registado
3.651 mensagems
Popularité : +175 (223 votes)
Publicado em março, 22 2021 - 9:55 PM
Tutorial sobre Responsividade Aula 1



--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 99949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.com.br/