TSINGSEE青犀視頻自主研發的H265播放器被集成後沒法播放視頻是什麼緣由？

視頻監控系統在平安城市、智慧醫療、遠程教育、物流運輸等不少行業都獲得愈來愈普及的運用，基於網頁無插件播放的需求，H265播放器的使用也逐漸普遍。

在各大網站和流媒體廠家都在研發H265播放器的火熱推進下，TSINGSEE青犀視頻做爲視頻行業的領軍企業，已經將自主研發的H265播放器EasyPlayer融合進了EasyNVR、EasyGBS、EasyCVR等視頻智能分析平臺內。

H265播放器EasyPlayer在EasyNVR中的應用：

因爲咱們的H265播放器集成便捷，不少用戶也使用H265播放器集成，可是集成後在使用播放器播放視頻卻報如下錯誤致使播放不了：

Access to XMLHttpRequest at ‘http://172.16.52.172:9180/hls/test.m3u8’ from origin ‘http://172.16.52.92:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

從錯誤能夠看出提供流地址的服務器和請求流地址的服務器出現跨域。跨域的產生是同源策略的一種約定，它是瀏覽器最核心也最基本的安全功能，若是缺乏了同源策略，瀏覽器很容易受到XSS、CSFR等攻擊。所謂同源是指"協議+域名+端口"三者相同，即使兩個不一樣的域名指向同一個ip地址，也非同源，非同源就產生了跨域。

跨域並非請求發不出去，請求能發出去，服務端能收到請求並正常返回結果，只是結果被瀏覽器攔截了。跨域是爲了阻止用戶讀取到另外一個域名下的內容，瀏覽器認爲這不安全，因此攔截了響應。

服務端設置 Access-Control-Allow-Origin：* ，就能夠開啓 CORS。 該屬性表示哪些域名能夠訪問資源，*通配符則表示全部網站均可以訪問資源。

這裏選擇nginx做爲服務端配置案例。

配置後預覽界面以下，能夠看到配置成功且再也不報錯，視頻也播放成功：

TSINGSEE青犀視頻自主研發的H265播放器EasyPlayer系列通過多方的驗證和測試，證明了其在視頻網頁播放當中的高適配性和操做便捷性，EasyPlayer播放器系列包括EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三個平臺，EasyPlayer.js還支持Linux平臺。若是你們還想了解更多相關內容，歡迎聯繫咱們。