YouTube IFrame API generates mixed content warning with HTTPS + HTML5

前端 未结 2 2101
后悔当初
后悔当初 2021-02-13 11:54

When I embed youtube on an HTTPS page using the iframe api in HTML5 mode , it still pulls the actual stream using HTTP, which generates a mixed content warning. Is this usecase

2条回答
  •  时光说笑
    2021-02-13 12:26

    You can fix this by configuring your iframe API script to look like this.

    Use '//' for the tag src

    var tag = document.createElement('script');
    tag.src = "//www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var url = window.location.pathname; 
    

    This will cause the player to load the resources using the same protocol as the page it is embedded on.

提交回复
热议问题