Web_Design 板


LINE

小弟目前高一,对网页或程式码有兴趣,目前在学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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1484056557.A.3F3.html ※ 编辑: tregfd654321 (111.246.124.41), 01/10/2017 22:02:40
1F:推 cck1: 高一就这麽热血 推一个 回正题 VideoJS没用过 但很多插件库 01/18 09:51
2F:→ cck1: 都会有详细的tutorial + document 真心觉得一点一滴地慢慢看 01/18 09:52
3F:→ cck1: 一定都会搞定的 01/18 09:52
4F:→ cck1: 至於你说得像demo排列的 那是一种东西叫"瀑布流" 可以看看免 01/18 09:53
5F:→ cck1: 费的插件包 请google"masonry" 这个 如果你要纯css去写 我只 01/18 09:54
6F:→ cck1: 记得重点在每区块的高度 01/18 09:55
7F:→ cck1: 至於最後你说的h3 我还真的看不太懂你的问题就是 哈 01/18 09:56
8F:→ cck1: 最後 要google的话 请多从英文去google会比较多东西 01/18 09:57
9F:→ cck1: 最最後 你的标题跟内文 文不对题就是 加油罗 01/18 09:57
10F:推 sjlxup6: drive的/preview网址本身是播放器网页,并非档案连结 02/01 13:48
11F:→ sjlxup6: 使用sibeol取出连结之後,会将档案用自有播放器播放出来 02/01 13:49
12F:→ sjlxup6: 你需要从原始码里头把video标签里的src取出来 02/01 13:50
13F:→ sjlxup6: 这才是影片档真实的网址位置,你才可用videoJS直接连结 02/01 13:51
14F:→ sjlxup6: 找网页效果有很多方式,看到不错的效果时可以看原始码 02/01 13:53
15F:→ sjlxup6: 找出引用的JS档,透过JS档名去查出该效果的应用与文件 02/01 13:54
16F:→ sjlxup6: 若是知名网站更可用网站关键字找出来,例如:瀑布流 02/01 13:54
17F:→ sjlxup6: PINREST是最知名瀑布流的网站,可用PINREST+网页效果查到 02/01 13:56
感谢前两位大大回覆,的确从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
18F:推 cck1: 我觉得 你先想想如果要完成你的效果 第一步该做甚麽 02/06 09:56
19F:→ cck1: 不要一直盯着结果看 却不看脚下目前 02/06 09:57
20F:推 cck1: 另外 一定时间真实连结失效应该很正常 不然也太容易盗连了吧 02/06 10:01







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job站内搜寻

TOP