網頁

2015年8月2日 星期日

EZoApp 範例 - 播放 youtube影片

利用 EZoApp 播放 youtube 影片的 app


每個元件右上方 三個圖示
↑ :find parent, + : copy , x :remove

1 page id : home
listview 元件:
img-src :youtube 播放列表,選圖按右鍵 /複製影像網址
img-size : thumbnail
text: 改成影片名稱
href:影片所在的page名稱,如 movie1

要改變 page的背景顏色 style :background:#f0f4c3
直接切換到 html, 
<div id="home" data-role="page" style="background:#f0f4c3">

2 page id : movie1
youtube元件放在 movie1 page , 
videoid :  youtube影片的 id, https://www.youtube.com/watch?v=0NlFAD-PKNw, 紅色部份即是id
page 下面放 footer元件,裏面放 button元件
button元件的屬性
href : home
icon:back
iconPOS:notext
將每頁的 html 複製到 PSPad,  每頁的html 內容,請自行用 ----- 線隔開,下次祇要把 存好的 html複製到 EZoApp 的每個page 即可
成品參考圖:
1:

2: