{"id":7313,"date":"2020-05-23T14:11:07","date_gmt":"2020-05-23T11:11:07","guid":{"rendered":"https:\/\/www.kampuskod.com\/?p=7313"},"modified":"2020-05-23T14:11:09","modified_gmt":"2020-05-23T11:11:09","slug":"html-dersleri-19-html-video-ekleme-etiketi-html5-dersleri","status":"publish","type":"post","link":"https:\/\/www.kampuskod.com\/yazilim\/html5\/html-dersleri-19-html-video-ekleme-etiketi-html5-dersleri\/","title":{"rendered":"Html Dersleri 19. Html video ekleme etiketi. Html5 Dersleri"},"content":{"rendered":"\n

Html5 sayfan\u0131za video eklemek isterseniz yapman\u0131z gereken \u015fey \u00e7ok basit. Html video etiketi ile html source etiketini birlikte kullanarak web sitemize rahatl\u0131kla video ekleyebiliriz.<\/p>\n\n\n\n

Html video etiketi \u00fczerinde controls \u00f6zelli\u011fini tan\u0131mlayarak video \u00fczerinde ba\u015flat,durdur ve ses \u00e7ubu\u011fu i\u015flevleri g\u00f6stermi\u015f oluruz. Html type parametresine ait video\/mp4 ve video\/ogg de\u011ferlerini daha \u00f6nce g\u00f6rmemi\u015f olabilirsiniz. Bu \u00f6zellikler ise html video uzant\u0131lar\u0131n\u0131 belirtmek i\u00e7in kullan\u0131l\u0131r. Tan\u0131mlarken birden fazla source etiketi tan\u0131mlan\u0131r fakat bir video g\u00f6z\u00fck\u00fcr. Burada tan\u0131mlanan html source etiketi kaynak belirtti\u011fi i\u00e7in ilk gelen kaynak etiketini \u00e7al\u0131\u015ft\u0131r\u0131yor. E\u011ferki taray\u0131c\u0131 bu kayna\u011f\u0131 desteklemiyorsa bir sonrakine ge\u00e7er. Bunu da desteklemiyorsa alt taraf\u0131nda yazm\u0131\u015f oldu\u011fumuz “Taray\u0131c\u0131n\u0131z video oynatma \u00f6zelli\u011fini desteklemiyor uyar\u0131s\u0131n\u0131 verir.”<\/p>\n\n\n\n

\u00d6rnek html5 video ekleme kodu<\/h2>\n\n\n\n
\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\u201dviewport\u201d content=\u201dwidth=device-width, initial-scale=1.0\u201d> \n   <title>HTML5 E\u011e\u0130T\u0130MLER\u0130<\/title>\n<\/head>\n<body>\n\n<!-- html5 Video -->\n<video controls width=\"700\" height=\"400\" autoplay muted>\n\t<source src=\"html5-video-yolu.mp4\" type=\"video\/mp4\">\n\t<source src=\"html5-video-yolu.ogg\" type=\"video\/ogg\">\n\tTaray\u0131c\u0131n\u0131z video oynatmay\u0131 desteklemiyor.\n<\/video>\n\n  \n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Html video ekleme etiketi e\u011fitim videosu<\/h2>\n\n\n\n
\n