YouTube IFrame Player API Failed To Execute PostMessage On DOMWindow

I am trying to load youtube into my web page using YouTube iFrame Player API, and getting following error while loading: Failed to execute 'postMessage' on 'DOMWindow': The target

Solution 1:

Try using loadVideoById

This function loads and plays the specified video.

• The required videoId parameter specifies the YouTube Video ID of the video to be played. In the YouTube Data API, a video resource's id property specifies the ID.
• The optional startSeconds parameter accepts a float/integer. If it is specified, then the video will start from the closest keyframe to the specified time.
• The optional endSeconds parameter accepts a float/integer. If it is specified, then the video will stop playing at the specified time.
• The optional suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.

Here is a snippet to help you

JS

function searchVideo(){
var vID = document.getElementById("vidID").value
player.loadVideoById(vID, 0, "default");

}

HTML

Search by Video ID: <input type="text" id="vidID" name="vidID"><button onclick="searchVideo()">Search</button>