蘋果有個新頁面 教你怎么用iPhone拍照

院長

<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="">
                                       
                                               

登錄/注冊后可看大圖

                                                <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, //連續(xù)播放
            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; //顯示框寬度 **顯示框寬度必須是翻頁寬度的倍數(shù)
            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日上午消息，蘋果公司今日發(fā)布了一個新的頁面，以及16部教程短片，告訴用戶如何用iPhone拍照。</p>
<p>　　這是一個全新的頁面，名叫“如何用iPhone 7拍照”，采用全黑設計顯得挺酷，用16個40來秒的短片，分別介紹“如何用拍人像”“如何用閃光燈”“如何用定時自拍”等等。</p>
<p>　　在iPhone7及7 Plus系列手機發(fā)布后，拍照成了這兩款產(chǎn)品的重要賣點。這系列教程是蘋果針對iPhone 7系列的又一次營銷，但確實能幫用戶掌握一些基本教程，并且官方出品的這系列短片本身比較好看，可以說是廣告片一般的教程。</p>
<p>　　這個網(wǎng)頁目前還沒有中文版，但其實沒有對白，完全能看懂，我們截取了幾段視頻供您體驗。（曉光）</p>