[問題] Google Drive外連請益!

[tregfd654321 (B.Milk)]

小弟目前高一，對網頁或程式碼有興趣，目前在學CSS和HTML，
邊下載網路上免費的範本，邊慢慢google翻譯，
或是google搜尋學習，剛學請各位鄉民鞭小力點XD
.
.
.
問題1:目前小弟在用GOOGLE影音外連，可是GOOGLE嵌入都只能用
      <ifame>，看google意思是說，把整個網頁嵌入，例如說這個影片:

<iframe
src="https://drive.google.com/file/d/0Bz6GpKRvp7A4aWJrbjRDTmhOUHc/preview"
width="640" height="480"></iframe>
▲嵌入的HTML碼

https://drive.google.com/file/d/0Bz6GpKRvp7A4aWJrbjRDTmhOUHc/preview
▲把上面的網址點出來，的確整頁都是撥放器視窗

可是我不想用內建的Drive播放器，需要更多功能的播放器，例如說VideoJS，因
為我很多影片都是多音軌的。我用各種撥放器都沒辦法嵌入，試了很多了
，http://www.oschina.net/project/tag/335/web-player這裡的幾乎都試了，
都沒辦法做嵌入，貼上的網址是整頁都是播放器的網址。

google了很久有看到一個網址，可以把google嵌入的連結轉為jwplayer播放器的

http://sibeol.com/
其實還有很多類似的網站，但都是用jwplayer，她轉換出來的網址似乎不是
jwplayer原本官方的，有多音軌也不會顯示可以切換。

請問要如何用videoJS嵌入在網頁裡面?
(然後看到什麼google關閉外連之類的，跟這個有關嗎?)


還有其他小問題:

我想做類似http://packery.metafizzy.co/#getting-started這個網頁的div
可是js都用好了也照他demo上打的了，div就是不會像demo一樣排列，我想用個
瀏覽器放大縮小會自動排序的div，類似影片庫那樣，會是原本範本相片的div
設定把她綁住了嗎?哈哈。

還有我想要在同一排h3的標題顯示置中 和靠右對齊，是設定ok了，可是置中對齊
他會把靠右對齊的扣掉算置中，不是算方框內的置中，請問同一行
的語法要用什麼呢?

知道有些問題可能是很簡單的問題，可是不知道特定名詞，也不知道要怎麼google
哈哈，像上次想用lightout，真的不知道名詞是什麼，然後就一直很笨的
在google搜尋什麼影片跳出來、影片視窗之類的想到真蠢。

請各位鄉民幫忙咯!!

排版混亂或是文法混亂請見諒QAQ


~
~
~

--
→ joker5330:她脾氣很好  我看過  好到不能再好惹                    07/08 10:51
推 mouth5566:有一次 我在衣蝶遇到郭采潔 他人超好的 跟他要簽名然後   07/08 10:53
推 aray81205:就射了                                                07/08 10:53
推 huntersp:就射了                                                 07/08 10:53
推 thousandgold:就射了                                             07/08 10:53
→ huntersp:靠杯一次三個人射喔                                     07/08 10:54

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.246.124.41
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1484056557.A.3F3.html
※ 編輯: tregfd654321 (111.246.124.41), 01/10/2017 22:02:40
推 cck1: 高一就這麼熱血 推一個 回正題 VideoJS沒用過 但很多插件庫
→ cck1: 都會有詳細的tutorial + document 真心覺得一點一滴地慢慢看
→ cck1: 一定都會搞定的
→ cck1: 至於你說得像demo排列的 那是一種東西叫"瀑布流" 可以看看免
→ cck1: 費的插件包 請google"masonry" 這個 如果你要純css去寫 我只
→ cck1: 記得重點在每區塊的高度
→ cck1: 至於最後你說的h3 我還真的看不太懂你的問題就是 哈
→ cck1: 最後 要google的話 請多從英文去google會比較多東西
→ cck1: 最最後 你的標題跟內文 文不對題就是 加油囉
推 sjlxup6: drive的/preview網址本身是播放器網頁，並非檔案連結
→ sjlxup6: 使用sibeol取出連結之後，會將檔案用自有播放器播放出來
→ sjlxup6: 你需要從原始碼裡頭把video標籤裡的src取出來
→ sjlxup6: 這才是影片檔真實的網址位置，你才可用videoJS直接連結
→ sjlxup6: 找網頁效果有很多方式，看到不錯的效果時可以看原始碼
→ sjlxup6: 找出引用的JS檔，透過JS檔名去查出該效果的應用與文件
→ sjlxup6: 若是知名網站更可用網站關鍵字找出來，例如：瀑布流
→ sjlxup6: PINREST是最知名瀑布流的網站，可用PINREST+網頁效果查到
感謝前兩位大大回覆，的確從sibeol.com之類的網站可以從網頁原始碼得知真實連接，可
是用了幾次之後，他大概每12小時，原本真實的就會失效，在轉網址又會有新的真實網址
，這樣轉也不是辦法，getlinkdrive有可以看真實連接的，一樣時間又會變，像這個
https://goo.gl/1Cf21h
網址不會變，內容會變，可以直接把網址寫到js裡面，
https://goo.gl/IYeus6
小弟目前videojs是這樣，請問要怎麼在js裡面插入https://goo.gl/1Cf21h這個網址?
※ 編輯: tregfd654321 (118.170.229.197), 02/03/2017 00:26:45
推 cck1: 我覺得 你先想想如果要完成你的效果 第一步該做甚麼
→ cck1: 不要一直盯著結果看 卻不看腳下目前
推 cck1: 另外 一定時間真實連結失效應該很正常 不然也太容易盜連了吧