一键注册,加入手机圈
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
<link rel="stylesheet" href="http://ent.sina.com.cn/css/470/20120928/style_videolist.css" charset="GBK" />
<div class="artical-player-wrap"style="display:block;">
<div class="a-p-hd">
<div id="J_Article_Player">
视频加载中,请稍候...
</div>
<div class="a-p-info">
<label class="fl"suda-uatrack="key=videoq&value=autoplay"style="display:none;">
<input type="checkbox" checked id="J_Video_Autoplay" />
自动播放
</label>
<span id="J_Video_Source"> </span>
</div>
</div>
<div class="a-p-bd a-p-bd-b" id="J_Play_List_Wrap"style="display:none;">
<div class="a-p-slide">
<div class="a-p-s-list clearfix" id="J_Play_List">
<div class="a-p-s-item J_Play_Item" play-data="251212019-2-1" url-data="http://video.sina.com.cn/view/251212019.html" title-data="苹果iPhone 7拍照教程系列"source-data="">
苹果iPhone 7拍照教程系列
<i class="a-p-s-play">play</i>
<span class="a-p-s-txt">苹果iPhone 7拍照教程系列</span>
</div>
</div>
向前
向后
</div>
</div>
<script type="text/javascript" charset="GBK"src="http://www.sinaimg.cn/dy/deco/2013/0613/scrollpic.js"></script>
<!--script type="text/javascript" charset="GBK"src="http://ent.sina.com.cn/js/470/20120928/videolist.js"></script-->
<script type="text/javascript"src="http://www.sinaimg.cn/dy/js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" charset="GBK"src="http://news.sina.com.cn/js/792/2015-03-13/149/videolist-2.js"></script>
<script type="text/javascript">
/*自动播放1*/
var AUTOPLAY = 1;
/*连播1*/
var CONTIPLAY = 1;
/*处理自动播放选项和cookie*/
(function() {
var Tool = CommonTool;
var chk = Tool.byId('J_Video_Autoplay');
var ua = navigator.userAgent.toLowerCase();
var isIOS = /\((iPhone|iPad|iPod)/i.test(ua);
if (isIOS) {
console.log(chk.parentNode.style.display);
chk.parentNode.style.display = 'none';
return;
}
chk.parentNode.style.display = '';
var clickCookie = function() {
Tool.bindEvent(chk, 'change',
function() {
var chked = chk.checked;
Tool.writeCookie('ArtiVAuto', (chked ? 1 : 0), 24 * 365 * 10, '/', '.sina.com.cn');
});
}
var byCookie = function() {
var coo = Tool.readCookie('ArtiVAuto');
if (coo) {
if (parseInt(coo) == 0) {
chk.checked = false;
AUTOPLAY = 0;
}
}
};
clickCookie();
byCookie();
})();
/*获取第一个视频vid*/
var firstItem = CommonTool.byClass('J_Play_Item', 'J_Play_List')[0];
var fInfo = firstItem.getAttribute('play-data').split('-');
var fVid = fInfo[0];
var fPid = fInfo[1];
var sinaBokePlayerConfig_o = {
container: "J_Article_Player", //Div容器的id
width: 525,
height: 430,
playerWidth: 525, //宽
playerHeight: 430, //高
autoLoad: 1, //自动加载
autoPlay: AUTOPLAY, //自动播放
as: 1, //广告
pid: fPid,
tjAD: 0, //显示擎天柱广告
tj: 1, //片尾推荐
continuePlayer: 1, //连续播放
casualPlay: 1, //任意拖动视频
head: 0, //播放片头动画
logo: 0, //显示logo
share: 0,
thumbUrl: ""
};
</script>
<!--script src="http://video.sina.com.cn/js/sinaFlashLoad.js" charset="utf-8" type="text/javascript" ></script -->
<script src="http://sjs2.sinajs.cn/video/sinaplayer/js/page/player.js"></script>
<script type="text/javascript">
(function() {
var toggle = function(id, hide) {
var e = CommonTool.byId(id);
var par = e.parentNode;
if (hide) {
CommonTool.addClass(par, e.className + '_disabled');
} else {
CommonTool.removeClass(par, e.className + '_disabled');
}
}
var scroll = new ScrollPic();
scroll.scrollContId = "J_Play_List"; //内容容器ID
scroll.arrLeftId = "J_Player_Prev"; //左箭头ID
scroll.arrRightId = "J_Player_next"; //右箭头ID
scroll.listEvent = "onclick"; //切换事件
scroll.frameWidth = 532; //显示框宽度 **显示框宽度必须是翻页宽度的倍数
scroll.pageWidth = 133 * 3; //翻页宽度
scroll.upright = false; //垂直滚动
scroll.speed = 10; //移动速度(单位毫秒,越小越快)
scroll.space = 15; //每次移动像素(单位px,越大越快)
scroll.autoPlay = false; //自动播放
scroll.autoPlayTime = 5; //自动播放间隔时间(秒)
scroll.circularly = false;
scroll._move = scroll.move;
scroll.move = function(num, quick) {
scroll._move(num, quick);
toggle(scroll.arrRightId, scroll.eof);
toggle(scroll.arrLeftId, scroll.bof);
};
scroll.initialize(); //初始化
toggle(scroll.arrLeftId, scroll.bof);
})();
</script>
<script type="text/javascript">
var VideoList1 = new ArticalVideoList('J_Play_List', {
index: 0,
autoPlay: AUTOPLAY,
contiPlay: CONTIPLAY,
itemClass: 'J_Play_Item'
});
VideoList1.init();
function playCompleted(tag) {
VideoList1.playNext();
};
</script>
<script>
var autoPlayCheck = $("#J_Video_Autoplay")[0].checked;
var autoPlayFlv = 0;
var autoPlayH5 = false;
if(autoPlayCheck){
autoPlayFlv = 1;
autoPlayH5 = true;
}
var flashConfig = {
url: "", // flash播放器地址,
container : "J_Article_Player",
id: "myMovie",
width: 525,
height: 430,
params : {
allowNetworking : "all",
allowScriptAccess : "always",
wmode : "opaque",
allowFullScreen : "true",
quality : "high"
},
attributes: {},
flashvars: {
autoPlay: autoPlayFlv, //是否自动播放
loop: 0,
autoLoad: 1,
thumbUrl: '',
tj: 1,
as: 1
},
h5attr: {
autoPlay: autoPlayH5, //是否自动播放
controls: true, //是否显示控制条
loop: false,
poster: '', //视频加载前欲加载的图片地址,即播放器一开始显示的截图
preload: 'auto'
}
};
var videoList = [
{
video_id: 251212019,
pid:'1',
url: 'http://video.sina.com.cn/view/251212019.html',
title:'苹果iPhone 7拍照教程系列'
},
]
</script>
<script>
(function($){
var Play = {
init: function(flashConfig, videoList){
this.flashConfig = flashConfig;
this.videoList = videoList;
this.playVideo = playVideo;
this.prev = this.current = 0;
this.length = this.videoList.length;
this.contNode = $("#J_Video_Autoplay");
this.titleNode = $("#J_Video_Source");
this.playListNode = $("#J_Play_List .J_Play_Item");
this.initPlayer();
this.bind();
},
bind: function(){
var _this = this;
$("#J_Play_List").on("click", ".J_Play_Item a", function(e){
e.preventDefault();
_this.playCurrent($(this));
});
},
initPlayer: function(){
var _this = this;
this.player = this.playVideo(this.flashConfig);
this.player.init(this.videoList[this.prev]);
this.player.on("playCompleted", function(){
_this.playNext();
});
this.playListNode.eq(0).addClass("selected");
this.titleNode.html(this.videoList[0].title);
},
playCurrent: function($this){
this.prev = this.current;
this.current = $this.parents(".J_Play_Item").index();
this.play(this.prev, this.current);
},
playNext: function(){
if(!this.contNode[0].checked){
return;
}
this.prev = this.current;
if(this.current >= this.length - 1){
return;
}
this.current++;
this.play(this.prev, this.current);
},
play: function(prev, current){
this.player.playVideo(this.videoList[current]);
this.titleNode.html(this.videoList[current].title);
this.playListNode.eq(prev).removeClass("selected");
this.playListNode.eq(current).addClass("selected");
}
}
Play.init(flashConfig, videoList);
})(jQuery);
</script>
</div>
<!--mce-plugin-videoList2[{"listPlay":true,"videos":[{"title":"\u82f9\u679ciPhone 7\u62cd\u7167\u6559\u7a0b\u7cfb\u5217","videoid":"251212019","ad":true,"source":"","url":"http://video.sina.com.cn/view/251212019.html","img":"http://n.sinaimg.cn/tech/20170512/A0p8-fyfeutp7493245.png","largeImg":"","smallImg":"","tags":""}],"downloadDescr":"","videoCard":false}]mce-plugin-videoList2-->
<p> 5月12日上午消息,苹果公司今日发布了一个新的页面,以及16部教程短片,告诉用户如何用iPhone拍照。</p>
<p> 这是一个全新的页面,名叫“如何用iPhone 7拍照”,采用全黑设计显得挺酷,用16个40来秒的短片,分别介绍“如何用拍人像”“如何用闪光灯”“如何用定时自拍”等等。</p>
<p> 在iPhone7及7 Plus系列手机发布后,拍照成了这两款产品的重要卖点。这系列教程是苹果针对iPhone 7系列的又一次营销,但确实能帮用户掌握一些基本教程,并且官方出品的这系列短片本身比较好看,可以说是广告片一般的教程。</p>
<p> 这个网页目前还没有中文版,但其实没有对白,完全能看懂,我们截取了几段视频供您体验。(晓光)</p> |
|