{"id":1530,"date":"2015-12-23T18:14:41","date_gmt":"2015-12-23T18:14:41","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1530"},"modified":"2015-12-23T18:14:41","modified_gmt":"2015-12-23T18:14:41","slug":"cesium-how-to-add-video-in-infobox","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2015\/12\/cesium-how-to-add-video-in-infobox\/","title":{"rendered":"Cesium &#8211; How to add video in infobox ?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/12\/cesium-how-to-add-viedo.png\" alt=\"cesium-how-to-add-viedo\" width=\"685\" height=\"417\" class=\"aligncenter size-full wp-image-1531\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/12\/cesium-how-to-add-viedo.png 685w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/12\/cesium-how-to-add-viedo-300x183.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2015\/12\/cesium-how-to-add-viedo-624x380.png 624w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/p>\n<pre>\r\nvar viewer = new Cesium.Viewer('cesiumContainer');\r\n\r\nvar iframe = document.getElementsByClassName('cesium-infoBox-iframe')[0];\r\niframe.setAttribute('sandbox', 'allow-same-origin allow-scripts allow-popups allow-forms'); \r\n\r\nvar pinBuilder = new Cesium.PinBuilder();\r\n\r\nvar bluePin = viewer.entities.add({\r\n    description: '<iframe loading=\"lazy\" width=\"400\" height=\"300\" src=\"https:\/\/www.youtube.com\/embed\/ACJJi5re5NU\" frameborder=\"0\" allowfullscreen><\/iframe>',\r\n    position : Cesium.Cartesian3.fromDegrees(-75.170726, 39.9208667),\r\n    billboard : {\r\n        image : pinBuilder.fromColor(Cesium.Color.ROYALBLUE, 48).toDataURL(),\r\n        verticalOrigin : Cesium.VerticalOrigin.BOTTOM\r\n    }\r\n});\r\n\r\nviewer.zoomTo(bluePin);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>var viewer = new Cesium.Viewer(&#8216;cesiumContainer&#8217;); var iframe = document.getElementsByClassName(&#8216;cesium-infoBox-iframe&#8217;)[0]; iframe.setAttribute(&#8216;sandbox&#8217;, &#8216;allow-same-origin allow-scripts allow-popups allow-forms&#8217;); var pinBuilder = new Cesium.PinBuilder(); var bluePin = viewer.entities.add({ description: &#8221;, position : Cesium.Cartesian3.fromDegrees(-75.170726, 39.9208667), billboard : { image : pinBuilder.fromColor(Cesium.Color.ROYALBLUE, 48).toDataURL(), verticalOrigin : Cesium.VerticalOrigin.BOTTOM } }); viewer.zoomTo(bluePin);<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[53,27],"tags":[],"class_list":["post-1530","post","type-post","status-publish","format-standard","hentry","category-cesiumjs","category-javascript"],"_links":{"self":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/comments?post=1530"}],"version-history":[{"count":1,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1530\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1530\/revisions\/1532"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}