자바 스크립트 문자열 조작 및 innerHtml

Question

<div> 태그의 innerHtml을 링크를 클릭 할 때 비디오를 보여주는 코드로 변경하는 javascript 함수가 있습니다.

문제는 내가 HTML에 사용하는 문자열, 어떻게 든 망쳐 버리고 비디오가 표시되지 않는 경우입니다. 개발자 도구를 보면 코드가 무엇인지 알 수 있습니다. 따옴표가 물음표로 바뀌었고 코드의 일부가 누락 되었습니까?

누구나 수정 방법을 알고 계십니까?

이

은 엉망이됩니다 문자열입니다 : (AN 소스 코드의 그 부분을하지만, 다른 부분은 확인 될 것으로 보인다) 내가 코드를 복사 할 경우, 그것은

<embed width="100%" height="100%" id="videoPlayer_api" src="http://static.cdn.360.sorensonmedia.com/1/flash/flowplayer-3.2.2.swf" type="application/x-shockwave-flash" style="outline-width: medium; outline-style: none; outline-color: invert;" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" quality="high" cachebusting="false" bgcolor="#000000" flowplayer.controls-3.2.2.2.1.swf?,?autoHide?:?never?,?hideDelay?:4000,?borderRadius?:0,?volumeSliderGradient?:?none?,?bufferGradient?:?none?,?tooltipTextColor?:?#ffffff?,?progressColor?:?#1e5576?,?bufferColor?:?#020c13?,?progressGradient?:?medium?,?backgroundColor?:?#222222?,?sliderColor?:?#000000?,?volumeSliderColor?:?#000000?,?buttonColor?:?#363636?,?durationColor?:?#ffffff?,?timeColor?:?#6F030A?,?sliderGradient?:?none?,?buttonOverColor?:?#728B94?,?backgroundGradient?:?none?,?tooltipColor?:?#5F747C?,?timeBgColor?:?#363636?,?height?:20,?opacity?:1,?play?:true,?scrubber?:true,?volume?:true,?stop?:false,?mute?:true,?time?:true,?fullscreen?:true,?playerStyle?:?static?,?embed?:false,?email?:true,?width?:?100pct?,?bottom?:0,?playerSkin?:2},?playListView?:null},?playerId?:?videoPlayer?,?screen?:{?bottom?:10},?onLoad?:??}?="" flash="" 1="" static.cdn.360.sorensonmedia.com="" api?,?url?:?http:="" 360.sorensonmedia.com="" plugin.gm.sorenson-3.2.2.0.swf?},?controls?:{?apiPath?:?http:="" plugin.gm.rtmp-3.1.5.0.swf?},?sorenson360?:{?apiPath?:?http:="" file-1.jpg?,?autoPlay?:?true?}],?clip?:{?provider?:?rtmp?,?accelerated?:false,?autoPlay?:false,?fadeInSpeed?:1000,?scaling?:?fit?,?url?:??},?canvas?:{?backgroundColor?:?#000000?,?backgroundGradient?:?low?},?logo?:{?left?:15,?top?:15,?opacity?:1,?displayTime?:4,?fullscreenOnly?:false,?url?:??,?linkUrl?:??,?linkWindow?:?_blank?},?plugins?:{?rtmp?:{?url?:?http:="" 7f3101ae-6f7a-11e1-a7d6-22000a1c0595="" c0ffa574B6ccbP46b688a2c9f95914115bbf="" cdnimages.sorensonmedia.com="" file-1.jpg?,?autoPlay?:?true?},{?url?:?2266d13a-62f8-11e1-9098-123139329b57?,?autoPlay?:true,?fileVersionId?:?222bb9b0-62f8-11e1-9098-123139329b57?,?captionUrl?:??},{?url?:?http:="" play?:{?replayLabel?:??,?opacity?:1},?playlist?:[{?url?:?http:="" flashvars="config={"/> 

있어 후

mid1 = ' flashvars="config={"play":{"replayLabel":"","opacity":1},"playlist":[{"url":"http://cdnimages.sorensonmedia.com/c0ffa574B6ccbP46b688a2c9f95914115bbf/7f3101ae-6f7a-11e1-a7d6-22000a1c0595/file-1.jpg","autoPlay":"true"},{"url":"2266d13a-62f8-11e1-9098-123139329b57","autoPlay":true, "fileVersionId":"222bb9b0-62f8-11e1-9098-123139329b57","captionUrl":""},{"url":"http://cdnimages.sorensonmedia.com/c0ffa574B6ccbP46b688a2c9f95914115bbf/7f3101ae-6f7a-11e1-a7d6-22000a1c0595/file-1.jpg","autoPlay":"true"}],"clip":{"provider":"rtmp","accelerated":false,"autoPlay":false,"fadeInSpeed":1000,"scaling":"fit","url":""},"canvas":{"backgroundColor":"#000000","backgroundGradient":"low"},"logo":{"left":15,"top":15,"opacity":1,"displayTime":4,"fullscreenOnly":false,"url":"","linkUrl":"","linkWindow":"_blank"},"plugins":{"rtmp":{"url":"http://static.cdn.360.sorensonmedia.com/1/flash/plugin.gm.rtmp-3.1.5.0.swf"},"sorenson360":{"apiPath":"http://360.sorensonmedia.com/api","url":"http://static.cdn.360.sorensonmedia.com/1/flash/plugin.gm.sorenson-3.2.2.0.swf"},"controls":{"apiPath":"http://360.sorensonmedia.com/api","url":"http://static.cdn.360.sorensonmedia.com/1/flash/flowplayer.controls-3.2.2.2.1.swf","autoHide":"never","hideDelay":4000,"borderRadius":0,"volumeSliderGradient":"none","bufferGradient":"none","tooltipTextColor":"#ffffff","progressColor":"#1e5576","bufferColor":"#020c13","progressGradient":"medium","backgroundColor":"#222222","sliderColor":"#000000","volumeSliderColor":"#000000","buttonColor":"#363636","durationColor":"#ffffff","timeColor":"#6F030A","sliderGradient":"none","buttonOverColor":"#728B94","backgroundGradient":"none","tooltipColor":"#5F747C","timeBgColor":"#363636","height":20,"opacity":1,"play":true,"scrubber":true,"volume":true,"stop":false,"mute":true,"time":true,"fullscreen":true,"playerStyle":"static","embed":false,"email":true,"width":"100pct","bottom":0,"playerSkin":2},"playListView":null},"playerId":"videoPlayer","screen":{"bottom":10},"onLoad":""}" '; 

Answer 1

삽입하려고하는 문자열을 HTML로 인코딩해야한다고 생각합니다.

는 escape function