https 頁面上如何嵌入像優酷這樣的非 https 的外部資源？

01-01

例如頁面 Rebekah Cox 有哪些成功設計？如果以 https 方式訪問，希望視頻能夠在原頁面上播放而不通過跳轉的方式播放應該如何處理？

關鍵性的問題：各大國內視頻網站提供的播放器不支持 https，而 https 頁面不允許載入非 https 資源
已經嘗試過無效的辦法：iframe

站外播放器對https的支持已經上線，一些兼容性問題會持續優化。

&&</iframe&><br /> </code></pre> <p><P><code class="language-text">https://player.youku.com/player.php/sid/XMTg3Nzg4MzY4NA==/v.swf<br /> </code></pre> <p><P><code class="language-text">&<embed src="https://player.youku.com/player.php/sid/XMTg3Nzg4MzY4NA==/v.swf" allowFullScreen="true" quality="high" w="480" h="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"&>&</embed&><br /> </code></pre> <p></P></p> <hr />如果不是視頻之類的可怕的流量的話, 可以考慮在服務端轉發.</P></p> <hr /><P>你只需要去掉url鏈接中的"http:"就可以了，我的https站點VRPCB-VR評測吧,來聊聊VR</P></p> <p><center> <script src="/336-2.js"></script></center></p> <p><P>中使用的優酷視頻就是這個辦法。</P><P><code class="language-text">&&</div&> &<script id="_youkujs_" type="text/javascript" src="//player.youku.com/jsapi">&</script&><br /> &<script type="text/javascript"><br /> var $youkuplayer = document.getElementById("youkuplayer");<br /> var width = $youkuplayer.scrollWidth;<br /> $youkuplayer.style.height = (width &> 900 ? 600 : width * 6 / 9) + "px";<br /> player = new YKU.Player("youkuplayer",{<br /> styleid: "0",<br /> client_id: "***",<br /> vid: "***",<br /> autoplay: true,<br /> show_related: false,<br /> newPlayer: true<br /> });<br /> &</script&><br /> </code></pre> <p></P></p> <hr /><P>類似的問題再我自己的網站中我也遇到了，因為我自己的網站（不無聊）網站上也存在大部分的視頻。然後考慮到放自己伺服器呢又太消耗伺服器資源，放其他雲儲存也差不多，反正就是燒錢。所以不無聊就想到了幾種方法。</P><P>第一呢就是把視頻傳到各大視頻網站優酷，愛奇藝，騰訊視頻之類的。但是呢發現一個問題就是這些視頻網站都不支持https。嘗試了各種辦法未果所以放棄。</P><P>好了第二呢就是不無聊目前的解決辦法，方法主要用到的是百度貼吧，首先創建自己一個貼吧，算了，我簡單一點概括吧，首先創建一個貼吧，貼吧創建成功過後，發帖發帖是可以上傳視頻的哦，然後等待視頻審核，視頻審核成功過後都知道怎麼做了吧，直接複製視頻鏈接地址，調用到你自己的網站就可以了。百度貼吧的是支持https的，發一個我這邊上傳的視頻地址你們可以試一下https://gss3.baidu.com/6LZ0ej3k1Qd3ote6lo7D0j9wehsv/tieba-smallvideo-transcode/47851890_50d6b66ceea27aa0403a406df4de9975_a26781333c94_1.mp4</P></p> <p><center> <script src="/336-3.js"></script></center></p> <p><P>百度貼吧速度又快，又是免費的無限容量的，何樂而不為呢。但是也不要濫用哦</P><P>為什麼要讓你們自己創建貼吧呢，因為上傳到其他貼吧如果內容不符合貼吧的要求可能會被吧主刪除，你自己創建一個就完全不用擔心這個問題了呢。視頻審核就是有點慢，但是都還好。目前不無聊就只想到這一個辦法解決。講解不足之處請擔待歡迎補充</P><P>不無聊（www.buwuliao.net）歡迎大家訪問。</P></P></p> <hr />我也遇到了相同的問題，不知道樓主最後如何解決？</P></p> <p><center> <script src="/336-4.js"></script></center></p> <hr />優酷這麼大的網站居然還不啟用HTTPS,我的博客啟用了HTTPS發現引用的優酷視頻顯示不了，只好暫時將HTTP 設為默認。</P></p> <hr />這個問題我之前研究過，這裡是一位大神在博客里提出的解決方案，我沒有做修改，供大家參考吧。具體如何操作大家可以百度搜索：</P>在啟用 HTTPS 的實際過程中，本站的靜態資源和介面相對容易改造，畢竟都可控。但很多第三方資源或介面就是不提供 HTTPS，那就只能在服務端做一層 HTTPS 代理。</P>服務端代理另外一個典型應用是用來解決跨域問題。通常代理本身要做的工作不多，直接用 Nginx 做反向代理，或者用 Lua、Node.js 等語言構建輕量中轉服務都是不錯的選擇。但也有幾點需要注意：</P></p> <p><center> <script src="/336-5.js"></script></center></p> <ul> <li>代理對請求 Referrer、被代理的 URL 都需要做好白名單機制；</li> <li>代理會造成第三方通過 REMOTE_ADDR 拿到的是代理 IP，很可能導致這個 IP 被限制請求頻率或被封；</li> <li>代理只能拿到自己域名下的 Cookie，需要從其它域獲取 Cookie 的第三方介面被代理後可能不能正常工作；</li> </ul> <p>另外，對於頁面上通過 iframe 嵌入的第三方 HTTP 頁面，如果要做 HTTPS 代理，還需要修改頁面里的所有資源鏈接，很容易出問題。對於這種情況，強烈建議聯繫第三方修改或者換產品方案，不要在 HTTPS 代理上耗費太多精力。</P>還有一個不那麼常見的問題順便說下：如果頁面表單的 action 地址使用了 HTTP 地址，會導致 Chrome 地址欄綠色小鎖消失。</P></p> <hr />樓主有解決方案了嗎？我也遇到這個問題.. 望告之</P></p> <hr /><span style="color:red"><i class="fa fa-paper-plane"></i></span> 推薦閱讀：</div> <p>※<a target=_blank href=/p20171231859744030/>網站從http轉到https需要多久？</a><br />※<a target=_blank href=/p20171231832108916/>開啟全站HTTPS後 , 用 Firefox 打開提示此連接不受信任，如何徹底解決這個問題?</a><br />※<a target=_blank href=/p20171231356804216/>登陸所有網頁都是「此網站安全證書存在問題」的情況用https刪除後面的s這個方法解決是什麼原理？</a><br />※<a target=_blank href=/p20171231055786385/>http/2 和 PWA有何關聯？</a><br />※<a target=_blank href=/p20171230625119364/>https比http更安全嗎？為什麼大多數網站還是使用http？</a></p> <p>TAG:<a target=_blank href=/tag/HTTPS/>HTTPS</a> | </p> <div class="at-below-post addthis_tool" data-url="https://www.getit01.com/p20180101024847950/"></div></div> <script src="/ce.js"></script> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <div id="footer"> <div class="copyright"> <p> 一點新知 <a href="https://www.getit01.com/"><strong> GetIt01 </strong></a> <div style="display:none"><script src="https://s13.cnzz.com/z_stat.php?id=1270562218&web_id=1270562218" language="JavaScript"></script></div> <br /> </p> </div> </div> </div>  <div id="tbox"> <a target="_blank" id="fb" href="https://www.facebook.com/sharer.php?u=https://www.getit01.com/p20180101024847950/"></a> </div> <script data-cfasync="false" type="text/javascript">if (window.addthis_product === undefined) { window.addthis_product = "wpp"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpp-6.1.1"; } if (window.wp_blog_version === undefined) { window.wp_blog_version = "4.8.22"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = {"data_track_clickback":true,"ignore_server_config":true,"ui_atversion":"300"}; } if (window.addthis_layers === undefined) { window.addthis_layers = {}; } if (window.addthis_layers_tools === undefined) { window.addthis_layers_tools = [{"share":{"counts":"each","numPreferredServices":5,"mobile":false,"position":"left","theme":"transparent"},"sharedock":{"counts":"each","numPreferredServices":5,"mobileButtonSize":"large","position":"bottom","theme":"transparent"}},{"sharetoolbox":{"numPreferredServices":5,"counts":"each","size":"32px","style":"fixed","shareCountThreshold":0,"elements":".addthis_inline_share_toolbox_vh9e,.at-above-post"}}]; } else { window.addthis_layers_tools.push({"share":{"counts":"each","numPreferredServices":5,"mobile":false,"position":"left","theme":"transparent"},"sharedock":{"counts":"each","numPreferredServices":5,"mobileButtonSize":"large","position":"bottom","theme":"transparent"}}); window.addthis_layers_tools.push({"sharetoolbox":{"numPreferredServices":5,"counts":"each","size":"32px","style":"fixed","shareCountThreshold":0,"elements":".addthis_inline_share_toolbox_vh9e,.at-above-post"}}); } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = {"info_status":"enabled","cms_name":"WordPress","plugin_name":"Share Buttons by AddThis","plugin_version":"6.1.1","plugin_mode":"WordPress","anonymous_profile_id":"wp-465109ee2f0e70a26b602727e258dac0","page_info":{"template":"posts","post_type":""},"sharing_enabled_on_post_via_metabox":false}; } (function() { var first_load_interval_id = setInterval(function () { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } },1000) }()); </script><script type='text/javascript' src='https://s7.addthis.com/js/300/addthis_widget.js?ver=4.8.22#pubid=wp-465109ee2f0e70a26b602727e258dac0'></script> <script type='text/javascript' src='https://www.getit01.com/wp-content/themes/Qu/js/loostrive.js?ver=1.0'></script> <script type='text/javascript' src='https://www.getit01.com/wp-includes/js/wp-embed.min.js?ver=4.8.22'></script> </body></html>