立即注册 登录
彼岸网 返回首页

天香公主的个人空间 http://www.bian-wang.com/discuz/?10005 [收藏] [复制] [分享] [RSS] https://github.com/txgz999/discuz/wiki

日志

三十个按需嵌入弹窗播放视频测试

热度 4已有 1392 次阅读2015-10-7 09:33 PM | 密码


发表评论 评论 (14 个评论)

回复 a1980 2016-8-23 10:34 PM
天香公主: 不客气,欢迎来一起讨论。我在度假,你的问题待我回来后再考虑吧
天香公主:

                謝謝你,辛苦了!不好意思打擾你休假了!祝您休假愉快
回复 天香公主 2016-8-23 06:40 AM
a1980: 天香公主:

感謝你,剛已經有測試成功,已經有出來了,不管是彈跳視窗或不是彈跳視窗都很快,但有一個問題就是,需要每次手動加入變的很不友善,但其實我前幾天 ...
不客气,欢迎来一起讨论。我在度假,你的问题待我回来后再考虑吧
回复 a1980 2016-8-23 01:42 AM
天香公主: 我前面的一篇博文里讨论了如何在网页上先显示youtube视频图片,当点击图片时再在弹窗里播放视频。
http://www.bian-wang.com/discuz/home.php?mod=space&uid=100 ...
天香公主:

感謝你,剛已經有測試成功,已經有出來了,不管是彈跳視窗或不是彈跳視窗都很快,但有一個問題就是,需要每次手動加入變的很不友善,但其實我前幾天有看到東風發的一篇文章,其實我比較想做的是這個,我是希望能將您與東風的文章合而為一,只是最後的細節不知道是不是少了什麼
http://www.bian-wang.com/discuz/home.php?mod=space&uid=10703&do=blog&id=1151

另外,這是依照東風那篇文章作的
依照上面所述所做出來的
http://www.audionet.com.tw/youmax-master/youmax.html
不過Uploads和Playlists就是怎樣都出不來
而clientId:就是怎樣都找不到在哪
youtube的api已經用好了...
請問我到底是差在哪一個步驟呢?

最後再請問一件事情,請問你們知道這個是怎麼做的嗎?
http://tv.ck101.com/play/x76nP6Vyntk
他可以像youtube這樣
https://www.youtube.com/watch?v=GMC7wqM7rqE&list=PLjL1UE4S32y5t_AO52XELif-Q_ukwqBGB

不過如果我用內嵌,就是會反白,如果是用youtube的代碼,就是播放清單會被隱藏起來,但我希望他預設是打開的

感謝天香公主及大家都一直不吝嗇的賜教及教學,小弟真的很感激不盡
回复 carry0987 2016-8-22 10:42 PM
天香公主: 哈,谢谢。近来为了赶进度天天在加班。a1980网友问的YouTube API的clientid,不知你知道吗?我没在youtube注册过。
我知道的,我會去將這個東西試試看,畢竟我總不能一直當個新手~
回复 天香公主 2016-8-22 10:18 PM
carry0987: 天香9月份比較有空,8月天香正忙著呢,在這期間就讓我幫你吧(雖然我只是一個新人..)
哈,谢谢。近来为了赶进度天天在加班。a1980网友问的YouTube API的clientid,不知你知道吗?我没在youtube注册过。
回复 carry0987 2016-8-22 10:02 PM
a1980: 天香公主,請問這個功能要怎麼做呢?請問是否能開放教學
天香9月份比較有空,8月天香正忙著呢,在這期間就讓我幫你吧(雖然我只是一個新人..)
回复 天香公主 2016-8-22 09:55 PM
a1980: 天香公主,請問這個功能要怎麼做呢?請問是否能開放教學
我前面的一篇博文里讨论了如何在网页上先显示youtube视频图片,当点击图片时再在弹窗里播放视频。
http://www.bian-wang.com/discuz/home.php?mod=space&uid=10005&do=blog&id=1122
这篇和另一篇http://www.bian-wang.com/discuz/home.php?mod=space&uid=10005&do=blog&id=1126就是给了个实例对比一下这种做法和直接在网页上嵌入视频的做法,看看哪个网页显示得快。

这篇里用的代码都是客户端的Javascript代码。你看下 Page Source 就都看到了。为方便起见,我把它们拷贝如下:

<script>
var vids = ['0PO-RXFBWiw', 'oeCihv9A3ac', 'Ll1-Ep-2tIo', 'Si7Kdxf8CkA', 'M81E8cDxkpc', '9TWc000vqf0', '8jzDnsjYv9A', 'Yj4nsZ3o1ag', 'VNfevm-_Q_0', 'e12KryuLcbs', '6qzDiHsv59A', 'bo9yblO4Zek', 'xe7uutnarWE', 'K5c3cxNLwYQ', 'iukE7b8XiTo', 'IDKMKBmpwrg', 'r21fH-ysABs', 'BT2w9-QB1b4', 'r21fH-ysABs', '1WpoKRnoPRU', '5kYsxoWfjCg', '2DCTFrIzzr0', 'b_KfnGBtVeA', 'ZqvgoPMd7d8', 'b8PPap4dJog', 'PscXGpsF3dY', 'NMLhdYjxbCs', '8MumPLXz4d4', 'EEak-k2rrpM'];

for (i = 0; i < vids.length; i++) {
    var vid = vids;
    var d = "<img style='cursor: pointer; float: left; margin: 20px; ' width='200' height='150'  src='//i.ytimg.com/vi/" + vid + "/0.jpg' onclick='loadYouTubeVideo(\"" + vid + "\")'>";
    document.write(d);
}

function loadYouTubeVideo(vid) {
    var html  = "<div class='f_c' style='width: 400px; height: 320px;'>";
    html += "<h3 class='flb' style='background-color: #a4cf50; padding: 0px 8px 0px;'><span><a href='javascript:;' class='flbc' onclick='hideWindow(\"youtube\");'></a></span></h3>";
    html += "<iframe src='//www.youtube.com/embed/"+vid+"?autoplay=1&border=0&wmode=opaque&enablejsapi=1&controls=1&showinfo=1' frameborder=0 allowfullscreen allowtransparency width=400 height=300></iframe></div>";
    showWindow('youtube', html, 'html', 0);
}
</script>
回复 a1980 2016-8-22 09:11 PM
天香公主,請問這個功能要怎麼做呢?請問是否能開放教學
回复 夙興夜寐罔徒勞 2016-6-11 06:06 PM
这个功能好腻害。。。话说这几天有在想这个事情
回复 carry0987 2016-3-23 01:59 PM
這個比較快呢
回复 小时候很迷茫 2015-10-10 05:25 AM
天香公主: 你在国内吗?那得先翻墙才能看到YouTube。要不过几天我试试腾讯视频
嗯呢,我现在到湖南省会城市,已经待这里好几个月了。
回复 天香公主 2015-10-9 06:13 AM
小时候很迷茫: 为什么我在搜狗浏览器情况下,已经载入完成了,但是视频却根本加载不出来,一个页面等待了2分钟。使用宽带:20M,电信服务商,上传下载速度2.6M/S ...
你在国内吗?那得先翻墙才能看到YouTube。要不过几天我试试腾讯视频
回复 小时候很迷茫 2015-10-9 04:02 AM
在火狐浏览器下面测试,无限加载,但是显示不出来视频信息,只能一次看到所有放置视频的那个框架
回复 小时候很迷茫 2015-10-9 03:59 AM
为什么我在搜狗浏览器情况下,已经载入完成了,但是视频却根本加载不出来,一个页面等待了2分钟。使用宽带:20M,电信服务商,上传下载速度2.6M/S

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

小黑屋|Archiver|彼岸网  

Powered by Discuz! X3.1 © 2001-2014 Comsenz Inc.
GMT-4, 2024-3-29 09:31 AM , Processed in 0.025167 second(s), 11 queries. ,ApcOn

返回顶部