Working page contains this code:
Line 21
<div class="video_drawer" id="videoDrawer">
<div class="close" id="drawerClose">+</div>
<div class="frame_wrapper">
<div id="player"></div>
</div>
</div>
Line 117
<div class="row video">
<div class="left_block video_placeholder" id="videoPlaceholder">
<a href="#top"><img src="http://offers.premierinc.com/rs/381-NBB-525/images/16389_play.svg" alt="" class="play_button" id="placeHolderPlayButton"></a>
<div class="overlay"></div>
<video loop id="videoPH" class="videoPH">
<source src="http://offers.premierinc.com/rs/381-NBB-525/images/16389_PR_VideoLoop.mp4">
<source src="http://offers.premierinc.com/rs/381-NBB-525/images/16389_PR_VideoLoop.webmhd.webm">
<source src="http://offers.premierinc.com/rs/381-NBB-525/images/16389_PR_VideoLoop.oggtheora.ogv">
</video>
</div>
Line 167
<script>
//load the IFrame Player API code asynchronously
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
//will be youtube player references once API is loaded
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'OuVj3tYLadw',
playerVars: {
controls: 0,
showinfo: 0,
rel: 0
}
});
$('.frame_wrapper').fitVids();
}
</script>
========================
Non-working page:
Line 29
<div class="video_drawer" id="videoDrawer">
<div class="close" id="drawerClose">+</div>
<div class="frame_wrapper">
<div id="player"></div>
</div>
</div>
Line 106 -- no links or video files
<div class="row video">
<div class="left_block video_placeholder" id="videoPlaceholder">
<div class="text_wrapper2">
<p class="valign">Find out if you qualify for a FREE trial:</p><i class="fa fa-arrow-right" aria-hidden="true" style="color:#ffc627; font-size:4rem"></i></div>
<video loop id="videoPH" class="videoPH">
<source src="http://offers.premierinc.com/rs/381-NBB-525/images/CA_tablet.jpg">
</video>
</div>
Line 187
<script>
//load the IFrame Player API code asynchronously
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
//will be youtube player references once API is loaded
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'OuVj3tYLadw',
playerVars: {
controls: 0,
showinfo: 0,
rel: 0
}
});
$('.frame_wrapper').fitVids();
}
</script>
Hi Nancy!
I cloned the original template again and got the video to work. I found what code was causing the problem and if I remove it the video slide down function doesn't work. This is the code causing the problem. If any of it is removed the problem starts.
here is the new link:
dc advocacy - premier inc.
It's at the bottom above the youtube script.
<div class="row form">
<div class="left_block" id="formBlock">
</div>
<div class="right_block law_background" id="influencingPolicy">
</div>
Also the video drop down doesn't drop enough. There has to be a min-height issues or something but I couldn't find it.
Thanks again