jw wmv player - Single play 구현 (티스토리에 올리기)

본 싱글 플레이 구현에서는

jw wmv 관련된 모든 파일들을 '스킨' - 'HTML/CSS 편집' 에서 업로드 하여야 됩니다..

첨부파일

silverlight.js

wmvplayer.js

wmvplayer.xaml

ESRB FINAL.HTML

ESRB FINAL 영상을 예를 들어 설명하자면 위의 파일 외에 esrb final.jpg 파일과 .esrb final.wmv 파일도 올려야 겠죠..

이 모든 파일이 같은 서버에 올려져야 합니다..

그리고 html 파일의 주소를 가져와서 아래와 같이 링크를 걸어주면 재생이 됩니다. 

http://cfs.tistory.com/custom/blog/8/84980/skin/images/jw wmv.HTML

(이상하게 html에디터로 html의 소스코드를 그대로 넣으면 실버라이트 영영이 하얗게 잡히지만 영상이 안보입니다.)




온갖 웹서핑 및 삽질끝에 얻은 결론은 html 태그인 iframe을 사용하는 것이다.

<IFRAME  src="HTML의 경로">
</IFRAME>
 

필요시 사이즈 높이, 넓이도 지정해주면 된다..




참고로 아래 원본 영상 사이즈는 160*120 입니다.(너무 작아서 좀 키웠습니다.)

아래의 영상처럼 영상 좌우의 스크롤 여백이 생기지 않게 깔끔하게 태그를 쓰면 다음과 같이 하면된다..

<IFRAME marginWidth=0 marginHeight=0 src="http://cfs.tistory.com/custom/blog/8/84980/skin/images/jw wmv.HTML" frameBorder=0 width=440 scrolling=no height=240 topmargin="0">
</IFRAME>







852*480 해상도의 영상을  테스트 해보겠습니다..

(html 및 iframe 태그에 플레이어 높이 20을 꼭 더해줘야 원본해상도로 볼수 있습니다.)


<IFRAME marginWidth=0 marginHeight=0 src="http://cfs.tistory.com/custom/blog/8/84980/skin/images/DNFTeaser.HTML" frameBorder=0 width=852 scrolling=no height=500 topmargin="0">
</IFRAME>





이렇게 작성된 글은 네이버에는 퍼가기가 안됩니다..네이버는 자바스크립 태그를 허용치 않거든요.

즉, 자바스크립 태그를 허용하지 않는 웹에는 퍼갈수 없다는 것입니다..


텍스트큐브에는 퍼가기가 됩니다..또한, 티스토리와 마찬가지로 스킨업로드에 올릴수 있습니다.




그나마 도움을 얻을수 있었던 카페 및 블로그 출처

http://cafe.naver.com/mssilverlight.cafe    -- 검색창에 티스토리 검색하면 관련 정보글을 볼수있다..

http://crynut84.tistory.com/23  -- iframe 태그로 구동한 정보