PTT數位生活區 / Web_Design

[問題] Google Drive外連請益!

看板Web_Design作者 (B.Milk)時間8年前 (2017/01/10 21:55), 8年前編輯推噓4(4推 0噓 16→)
留言20則, 2人參與, 最新討論串1/1
小弟目前高一，對網頁或程式碼有興趣，目前在學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
推
01/18 09:51, , 1F
高一就這麼熱血 推一個 回正題 VideoJS沒用過 但很多插件庫
01/18 09:51, 1F
→
01/18 09:52, , 2F
都會有詳細的tutorial + document 真心覺得一點一滴地慢慢看
01/18 09:52, 2F
→
01/18 09:52, , 3F
一定都會搞定的
01/18 09:52, 3F
→
01/18 09:53, , 4F
至於你說得像demo排列的 那是一種東西叫"瀑布流" 可以看看免
01/18 09:53, 4F
→
01/18 09:54, , 5F
費的插件包 請google"masonry" 這個 如果你要純css去寫 我只
01/18 09:54, 5F
→
01/18 09:55, , 6F
記得重點在每區塊的高度
01/18 09:55, 6F
→
01/18 09:56, , 7F
至於最後你說的h3 我還真的看不太懂你的問題就是 哈
01/18 09:56, 7F
→
01/18 09:57, , 8F
最後 要google的話 請多從英文去google會比較多東西
01/18 09:57, 8F
→
01/18 09:57, , 9F
最最後 你的標題跟內文 文不對題就是 加油囉
01/18 09:57, 9F
推
02/01 13:48, , 10F
drive的/preview網址本身是播放器網頁，並非檔案連結
02/01 13:48, 10F
→
02/01 13:49, , 11F
使用sibeol取出連結之後，會將檔案用自有播放器播放出來
02/01 13:49, 11F
→
02/01 13:50, , 12F
你需要從原始碼裡頭把video標籤裡的src取出來
02/01 13:50, 12F
→
02/01 13:51, , 13F
這才是影片檔真實的網址位置，你才可用videoJS直接連結
02/01 13:51, 13F
→
02/01 13:53, , 14F
找網頁效果有很多方式，看到不錯的效果時可以看原始碼
02/01 13:53, 14F
→
02/01 13:54, , 15F
找出引用的JS檔，透過JS檔名去查出該效果的應用與文件
02/01 13:54, 15F
→
02/01 13:54, , 16F
若是知名網站更可用網站關鍵字找出來，例如：瀑布流
02/01 13:54, 16F
→
02/01 13:56, , 17F
PINREST是最知名瀑布流的網站，可用PINREST+網頁效果查到
02/01 13:56, 17F
感謝前兩位大大回覆，的確從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
推
02/06 09:56, , 18F
我覺得 你先想想如果要完成你的效果 第一步該做甚麼
02/06 09:56, 18F
→
02/06 09:57, , 19F
不要一直盯著結果看 卻不看腳下目前
02/06 09:57, 19F
推
02/06 10:01, , 20F
另外 一定時間真實連結失效應該很正常 不然也太容易盜連了吧
02/06 10:01, 20F
‣ 更多 tregfd654321 的文章
文章代碼(AID): #1OTEVjFp (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 tregfd654321 的文章
文章代碼(AID): #1OTEVjFp (Web_Design)