Okay
  Public Ticket #1565797
Video
Closed

Comments

  • Charles started the conversation

    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 -->

  •  1,974
    Support replied

    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