nyanloutre/site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Plus de fullscreen

Browse Source
This commit is contained in:
nyanloutre 2018-04-28 19:15:55 +02:00
parent 03bc7d98fb
commit d867dc8828
2 changed files with 0 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -68,11 +68,6 @@
<a id="youtube-link" class="btn btn-default" href="https://youtu.be/RX_VXNl1xvg"> <a id="youtube-link" class="btn btn-default" href="https://youtu.be/RX_VXNl1xvg">
<i class="fa fa-youtube fa-2x" aria-hidden="true"></i> <i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
</a> </a>
<a id="fullscreen-video" class="btn btn-default" href="#">
<i class="fa fa-arrows-alt fa-2x" aria-hidden="true"></i>
</a>
</header> </header>
<section class="bg-primary" id="about"> <section class="bg-primary" id="about">
@ -421,17 +416,9 @@
function onPlayerReady(event) { function onPlayerReady(event) {
event.target.mute(); event.target.mute();
iframe = document.getElementById('player'); iframe = document.getElementById('player');
document.getElementById('fullscreen-video').addEventListener('click', playFullscreen);
document.getElementById('video-sound').addEventListener('click', playMute); document.getElementById('video-sound').addEventListener('click', playMute);
} }
function playFullscreen (){
var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen;
if (requestFullScreen) {
requestFullScreen.bind(iframe)();
}
}
function playMute(){ function playMute(){
var video_button = document.getElementById('video-sound'); var video_button = document.getElementById('video-sound');
if(player.isMuted()){ if(player.isMuted()){

6
scss/_masthead.scss
View File

@ -23,9 +23,6 @@ header.masthead {
right: 2rem; right: 2rem;
} }
#youtube-link { #youtube-link {
right: 6rem;
}
#fullscreen-video {
left: 2rem; left: 2rem;
} }
.icone { .icone {
@ -60,9 +57,6 @@ header.masthead {
right: 4rem; right: 4rem;
} }
#youtube-link { #youtube-link {
right: 9rem;
}
#fullscreen-video {
left: 4rem; left: 4rem;
} }
.icone { .icone {