[問題] P幣報酬 Google雲端硬碟問題

[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'


1/15更新

因為之前發的那篇沒人回..
我在想是不是沒有P幣，或者是真的沒有鄉民聽得懂...
能真的解決問題的鄉民發P幣666P 求各位鄉民幫助。

--
→ 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.122.164
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1484478910.A.D68.html
推 vi000246: 試試這個http://api.getlinkdrive.com/
→ vi000246: 拉到最下面有VideoJS的範例 不知是不是你要的
推 vi000246: 剛看了一下 你需要在後端去向http://api.getlinkdrive
→ vi000246: .com/getlink?url=(你的影片連結) 發出請求
→ vi000246: 取得回傳值再丟給VideoJS做設定
推 vi000246: 還有個比較簡單的方法 如圖
→ vi000246: http://imgur.com/rKTgi2z
→ vi000246: 這是範例http://jsfiddle.net/hkv8mtju/
謝謝幫忙，明天試，成功第一位發P幣
※ 編輯: tregfd654321 (111.246.122.164), 01/15/2017 22:15:27
到家試了，請問在DREAMWAVER上貼上<?PHP然後結尾?>，結果都白字，代表沒輸入到ㄟ
是語法有錯嗎?不能顯示播放器只有顯示一快黑色的
※ 編輯: tregfd654321 (111.246.122.164), 01/16/2017 20:02:46
推 vi000246: 你要安裝Apache才能執行php程式碼
→ vi000246: 你直接複製jsfiddle連結裡的html就可以了
不好意思 隔那麼久才回應，剛剛都在試多音軌...結果拉到potplayer播放，
才想到有沒有可能是預覽本來就不支援多音軌...結果搞了很久的東西..
最後終於搞懂運作的方式了，感謝大神，可是還是不懂原理，要是有天網站掛了
，那不是沒好轉了嗎，請問它的原理是什麼?666p幣已發，感謝大大
※ 編輯: tregfd654321 (111.246.122.164), 01/17/2017 22:17:39
推 vi000246: 原理是你要去抓到這影片的真正連結網址
→ vi000246: 所以你也可以試試這個網站https://goo.gl/WMnkI5
感謝大大回覆，的確從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:27:30