I can't get a video to work on the page. It worked on my old site, pointing to vimeo for streaming service. This is a great template so far, but I'm stuck on video. All the image popups work great.
The video is the only one on the video tab under portfolio.
Here is the block of code I have:
<!--/Portfolio Item Normal Expander --> <div class="portfolio-item one-four design VO ">
I'm not qualified to provide help for HTML templates (this forum deals only with WordPress themes) but if I open js console in Chrome I see
js?sensor=false:83 Uncaught TypeError: Cannot read property 'firstChild' of null
this breaks js execution. Since I don't see you have a map remove the following lines from /js/scripts.js
//Google Map var latlng = new google.maps.LatLng(45.738028,21.224535); var settings = { zoom: 16, center: new google.maps.LatLng(45.738028,21.224535), mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: false, scrollwheel: false, draggable: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
google.maps.event.addDomListener(window, "resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); });
var contentString = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<h3 id="firstHeading" class="firstHeading">NEWAVE</h3>'+ '<div id="bodyContent">'+ '<p>Here we are. Come to drink a coffee!</p>'+ '</div>'+ '</div>'; var infowindow = new google.maps.InfoWindow({ content: contentString });
var companyImage = new google.maps.MarkerImage('images/marker.png', new google.maps.Size(58,63),<!-- Width and height of the marker --> new google.maps.Point(0,0), new google.maps.Point(35,20)<!-- Position of the marker --> );
var companyPos = new google.maps.LatLng(45.738028,21.224535);
var companyMarker = new google.maps.Marker({ position: companyPos, map: map, icon: companyImage, title:"Creative News", zIndex: 3});
I can't get a video to work on the page. It worked on my old site, pointing to vimeo for streaming service. This is a great template so far, but I'm stuck on video. All the image popups work great.
The video is the only one on the video tab under portfolio.
Here is the block of code I have:
<!--/Portfolio Item Normal Expander -->
<div class="portfolio-item one-four design VO ">
<div class="portfolio-image">
<img src="images/portfolio/PR-Buccaneers01.jpg" alt="Portfolio 1"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">Buccaneers Video</h4>
<p class="project-categories">Normal Expander</p>
</div>
</div>
</div>
<!--/Portfolio Item Normal Expander -->
Hi Charles,
I'm not qualified to provide help for HTML templates (this forum deals only with WordPress themes) but if I open js console in Chrome I see
js?sensor=false:83 Uncaught TypeError: Cannot read property 'firstChild' of null
this breaks js execution. Since I don't see you have a map remove the following lines from /js/scripts.js
//Google Map
var latlng = new google.maps.LatLng(45.738028,21.224535);
var settings = {
zoom: 16,
center: new google.maps.LatLng(45.738028,21.224535), mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
scrollwheel: false,
draggable: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
google.maps.event.addDomListener(window, "resize", function() {
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center);
});
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h3 id="firstHeading" class="firstHeading">NEWAVE</h3>'+
'<div id="bodyContent">'+
'<p>Here we are. Come to drink a coffee!</p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var companyImage = new google.maps.MarkerImage('images/marker.png',
new google.maps.Size(58,63),<!-- Width and height of the marker -->
new google.maps.Point(0,0),
new google.maps.Point(35,20)<!-- Position of the marker -->
);
var companyPos = new google.maps.LatLng(45.738028,21.224535);
var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
title:"Creative News",
zIndex: 3});
google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy