What is the right way to embed a DIV video please

alexlii · September 8, 2018, 4:37am

Hello,

I am trying to embed a video by DIV, and the video source is at:

http://tv.cctv.com/2012/12/15/VIDE1355516057240671.shtml

and I got Div code at their social share button as the screenshot:

and the Div code as following:
For PC:

For Ipad:

<div id='forApple'><embed id='v_player_cctv' width='800' height='540' flashvars='adCalls=http%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D265%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f%7B%21@%23%7Dhttp%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D266%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f%7B%21@%23%7Dhttp%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D267%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f%7B%21@%23%7Dhttp%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D268%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f&adAfter=http%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D271%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f&adPause=http%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D274%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f&adBanner=http%3A//galaxy.bjcathay.com/s%3Fz%3Dcathay%26c%3D276%26op%3D1%26_page_group%3Ddianbo%26_subsite%3Dtv%26_CHANNEL%3D1%26_sorts%3D1%26_maima1%3D16%26_maima2%3D17%26_maima3%3D17%26_maima4%3D00%26_pindao%3Dzcctv4%26_shipinji%3Dz_E8_B5_B0_E9_81_8D_E4_B8_AD_E5_9B_BD%26_shichang%3D5%26videoid%3Dd812569ab7234c1149851b90d8b0fe0f&videoId=20100603100712&filePath=&isAutoPlay=true&url=http://tv.cntv.cn/video/C10352/d812569ab7234c1149851b90d8b0fe0f&tai=tv&configPath=http://js.player.cntv.cn/xml/config/outside.xml&widgetsConfig=http://js.player.cntv.cn/xml/widgetsConfig/common.xml&languageConfig=&hour24DataURL=VodCycleData.xml&outsideChannelId=channelBugu&videoCenterId=d812569ab7234c1149851b90d8b0fe0f' allowscriptaccess='always' allowfullscreen='true' menu='false' quality='best' bgcolor='#000000' name='v_player_cctv' src='http://player.cntv.cn/standard/cntvOutSidePlayer.swf' type='application/x-shockwave-flash' lk_mediaid='lk_juiceapp_mediaPopup_1257416656250' lk_media='yes'/><script language="javascript" src="http://js.player.cntv.cn/creator/swfobject.js" ></script><script language="javascript" src="http://js.player.cntv.cn/creator/forApple.js" ></script><script>createApplePlayer("flashPlayer",960,540,"d812569ab7234c1149851b90d8b0fe0f");</script></div>

it works well in local Hype as screenshot:

but it does not work after I upload it into wordpress, what did I miss please?

Thanks

Alex

DBear · September 8, 2018, 10:29am

You need to add at least a link to the wordpress example as we cannot guess at all the possibilities that could be breaking the embed!

It’s probably a CORS issue but as I said … I could be guessing for days

alexlii · September 9, 2018, 9:20am

Hi @Dbear,

Thanks,

Here is a page for your Check, thanks for your help.

https://www.lovcour.com/cctvvideo

Daniel · September 10, 2018, 12:59pm

It looks like since your site is loaded over https, you also need to load your video over https. Adjust your embed code to be https:// or simply // and it should work.

iframe-htmlwidget.html:1 Mixed Content: The page at 'https://www.lovcour.com/cctvvideo' was loaded over HTTPS, but requested an insecure plugin resource 'http://player.cntv.cn/standard/cntvOutSidePlayer.swf'. This request has been blocked; the content must be served over HTTPS

  CN&tl=en&textlen=18&sp=nmt&ttt=439&ttl=297&ttf=120&sr=1&nca=te_time&client=te_lib&logld=vTE_20180625_00:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
    iframe-htmlwidget.html:1 Mixed Content: The page at 'https://www.lovcour.com/cctvvideo' was loaded over HTTPS, but requested an insecure plugin resource 'http://player.cntv.cn/standard/cntvOutSidePlayer.swf'. This request has been blocked; the content must be served over HTTPS.
    iframe-htmlwidget.html:1 Mixed Content: The page at 'https://www.lovcour.com/cctvvideo' was loaded over HTTPS, but requested an insecure plugin resource 'http://player.cntv.cn/standard/cntvOutSidePlayer.swf'. This request has been blocked; the content must be served over HTTPS.